README: update screenshot

switch for distribution logo
opt. for server detail page

.gitignore

@@ -48,3 +48,4 @@ app.*.map.json
 /android/app/fjy.androidstudio.key
 /release
 test.dart
+.fvm

.metadata

@@ -1,10 +1,30 @@
 # This file tracks properties of this Flutter project.
 # Used by Flutter tool to assess capabilities and perform upgrades etc.
 #
-# This file should be version controlled and should not be manually edited.
+# This file should be version controlled.
 
 version:
-  revision: 4cc385b4b84ac2f816d939a49ea1f328c4e0b48e
+  revision: b06b8b2710955028a6b562f5aa6fe62941d6febf
   channel: stable
 
 project_type: app
+
+# Tracks metadata for the flutter migrate command
+migration:
+  platforms:
+    - platform: root
+      create_revision: b06b8b2710955028a6b562f5aa6fe62941d6febf
+      base_revision: b06b8b2710955028a6b562f5aa6fe62941d6febf
+    - platform: macos
+      create_revision: b06b8b2710955028a6b562f5aa6fe62941d6febf
+      base_revision: b06b8b2710955028a6b562f5aa6fe62941d6febf
+
+  # User provided section
+
+  # List of Local paths (relative to this file) that should be
+  # ignored by the migrate tool.
+  #
+  # Files that are not part of the templates will be ignored by default.
+  unmanaged_files:
+    - 'lib/main.dart'
+    - 'ios/Runner.xcodeproj/project.pbxproj'

.vscode/settings.json

@@ -0,0 +1,9 @@
+{
+  "dart.flutterSdkPath": ".fvm",
+  "files.watcherExclude": {
+    "**/.fvm": true
+  },
+  "search.exclude": {
+    "**/.fvm": true
+  }
+}

LICENCE

@@ -0,0 +1,674 @@
+GNU GENERAL PUBLIC LICENSE
+                       Version 3, 29 June 2007
+
+ Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The GNU General Public License is a free, copyleft license for
+software and other kinds of works.
+
+  The licenses for most software and other practical works are designed
+to take away your freedom to share and change the works.  By contrast,
+the GNU General Public License is intended to guarantee your freedom to
+share and change all versions of a program--to make sure it remains free
+software for all its users.  We, the Free Software Foundation, use the
+GNU General Public License for most of our software; it applies also to
+any other work released this way by its authors.  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+them if you wish), that you receive source code or can get it if you
+want it, that you can change the software or use pieces of it in new
+free programs, and that you know you can do these things.
+
+  To protect your rights, we need to prevent others from denying you
+these rights or asking you to surrender the rights.  Therefore, you have
+certain responsibilities if you distribute copies of the software, or if
+you modify it: responsibilities to respect the freedom of others.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must pass on to the recipients the same
+freedoms that you received.  You must make sure that they, too, receive
+or can get the source code.  And you must show them these terms so they
+know their rights.
+
+  Developers that use the GNU GPL protect your rights with two steps:
+(1) assert copyright on the software, and (2) offer you this License
+giving you legal permission to copy, distribute and/or modify it.
+
+  For the developers' and authors' protection, the GPL clearly explains
+that there is no warranty for this free software.  For both users' and
+authors' sake, the GPL requires that modified versions be marked as
+changed, so that their problems will not be attributed erroneously to
+authors of previous versions.
+
+  Some devices are designed to deny users access to install or run
+modified versions of the software inside them, although the manufacturer
+can do so.  This is fundamentally incompatible with the aim of
+protecting users' freedom to change the software.  The systematic
+pattern of such abuse occurs in the area of products for individuals to
+use, which is precisely where it is most unacceptable.  Therefore, we
+have designed this version of the GPL to prohibit the practice for those
+products.  If such problems arise substantially in other domains, we
+stand ready to extend this provision to those domains in future versions
+of the GPL, as needed to protect the freedom of users.
+
+  Finally, every program is threatened constantly by software patents.
+States should not allow patents to restrict development and use of
+software on general-purpose computers, but in those that do, we wish to
+avoid the special danger that patents applied to a free program could
+make it effectively proprietary.  To prevent this, the GPL assures that
+patents cannot be used to render the program non-free.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                       TERMS AND CONDITIONS
+
+  0. Definitions.
+
+  "This License" refers to version 3 of the GNU General Public License.
+
+  "Copyright" also means copyright-like laws that apply to other kinds of
+works, such as semiconductor masks.
+
+  "The Program" refers to any copyrightable work licensed under this
+License.  Each licensee is addressed as "you".  "Licensees" and
+"recipients" may be individuals or organizations.
+
+  To "modify" a work means to copy from or adapt all or part of the work
+in a fashion requiring copyright permission, other than the making of an
+exact copy.  The resulting work is called a "modified version" of the
+earlier work or a work "based on" the earlier work.
+
+  A "covered work" means either the unmodified Program or a work based
+on the Program.
+
+  To "propagate" a work means to do anything with it that, without
+permission, would make you directly or secondarily liable for
+infringement under applicable copyright law, except executing it on a
+computer or modifying a private copy.  Propagation includes copying,
+distribution (with or without modification), making available to the
+public, and in some countries other activities as well.
+
+  To "convey" a work means any kind of propagation that enables other
+parties to make or receive copies.  Mere interaction with a user through
+a computer network, with no transfer of a copy, is not conveying.
+
+  An interactive user interface displays "Appropriate Legal Notices"
+to the extent that it includes a convenient and prominently visible
+feature that (1) displays an appropriate copyright notice, and (2)
+tells the user that there is no warranty for the work (except to the
+extent that warranties are provided), that licensees may convey the
+work under this License, and how to view a copy of this License.  If
+the interface presents a list of user commands or options, such as a
+menu, a prominent item in the list meets this criterion.
+
+  1. Source Code.
+
+  The "source code" for a work means the preferred form of the work
+for making modifications to it.  "Object code" means any non-source
+form of a work.
+
+  A "Standard Interface" means an interface that either is an official
+standard defined by a recognized standards body, or, in the case of
+interfaces specified for a particular programming language, one that
+is widely used among developers working in that language.
+
+  The "System Libraries" of an executable work include anything, other
+than the work as a whole, that (a) is included in the normal form of
+packaging a Major Component, but which is not part of that Major
+Component, and (b) serves only to enable use of the work with that
+Major Component, or to implement a Standard Interface for which an
+implementation is available to the public in source code form.  A
+"Major Component", in this context, means a major essential component
+(kernel, window system, and so on) of the specific operating system
+(if any) on which the executable work runs, or a compiler used to
+produce the work, or an object code interpreter used to run it.
+
+  The "Corresponding Source" for a work in object code form means all
+the source code needed to generate, install, and (for an executable
+work) run the object code and to modify the work, including scripts to
+control those activities.  However, it does not include the work's
+System Libraries, or general-purpose tools or generally available free
+programs which are used unmodified in performing those activities but
+which are not part of the work.  For example, Corresponding Source
+includes interface definition files associated with source files for
+the work, and the source code for shared libraries and dynamically
+linked subprograms that the work is specifically designed to require,
+such as by intimate data communication or control flow between those
+subprograms and other parts of the work.
+
+  The Corresponding Source need not include anything that users
+can regenerate automatically from other parts of the Corresponding
+Source.
+
+  The Corresponding Source for a work in source code form is that
+same work.
+
+  2. Basic Permissions.
+
+  All rights granted under this License are granted for the term of
+copyright on the Program, and are irrevocable provided the stated
+conditions are met.  This License explicitly affirms your unlimited
+permission to run the unmodified Program.  The output from running a
+covered work is covered by this License only if the output, given its
+content, constitutes a covered work.  This License acknowledges your
+rights of fair use or other equivalent, as provided by copyright law.
+
+  You may make, run and propagate covered works that you do not
+convey, without conditions so long as your license otherwise remains
+in force.  You may convey covered works to others for the sole purpose
+of having them make modifications exclusively for you, or provide you
+with facilities for running those works, provided that you comply with
+the terms of this License in conveying all material for which you do
+not control copyright.  Those thus making or running the covered works
+for you must do so exclusively on your behalf, under your direction
+and control, on terms that prohibit them from making any copies of
+your copyrighted material outside their relationship with you.
+
+  Conveying under any other circumstances is permitted solely under
+the conditions stated below.  Sublicensing is not allowed; section 10
+makes it unnecessary.
+
+  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
+
+  No covered work shall be deemed part of an effective technological
+measure under any applicable law fulfilling obligations under article
+11 of the WIPO copyright treaty adopted on 20 December 1996, or
+similar laws prohibiting or restricting circumvention of such
+measures.
+
+  When you convey a covered work, you waive any legal power to forbid
+circumvention of technological measures to the extent such circumvention
+is effected by exercising rights under this License with respect to
+the covered work, and you disclaim any intention to limit operation or
+modification of the work as a means of enforcing, against the work's
+users, your or third parties' legal rights to forbid circumvention of
+technological measures.
+
+  4. Conveying Verbatim Copies.
+
+  You may convey verbatim copies of the Program's source code as you
+receive it, in any medium, provided that you conspicuously and
+appropriately publish on each copy an appropriate copyright notice;
+keep intact all notices stating that this License and any
+non-permissive terms added in accord with section 7 apply to the code;
+keep intact all notices of the absence of any warranty; and give all
+recipients a copy of this License along with the Program.
+
+  You may charge any price or no price for each copy that you convey,
+and you may offer support or warranty protection for a fee.
+
+  5. Conveying Modified Source Versions.
+
+  You may convey a work based on the Program, or the modifications to
+produce it from the Program, in the form of source code under the
+terms of section 4, provided that you also meet all of these conditions:
+
+    a) The work must carry prominent notices stating that you modified
+    it, and giving a relevant date.
+
+    b) The work must carry prominent notices stating that it is
+    released under this License and any conditions added under section
+    7.  This requirement modifies the requirement in section 4 to
+    "keep intact all notices".
+
+    c) You must license the entire work, as a whole, under this
+    License to anyone who comes into possession of a copy.  This
+    License will therefore apply, along with any applicable section 7
+    additional terms, to the whole of the work, and all its parts,
+    regardless of how they are packaged.  This License gives no
+    permission to license the work in any other way, but it does not
+    invalidate such permission if you have separately received it.
+
+    d) If the work has interactive user interfaces, each must display
+    Appropriate Legal Notices; however, if the Program has interactive
+    interfaces that do not display Appropriate Legal Notices, your
+    work need not make them do so.
+
+  A compilation of a covered work with other separate and independent
+works, which are not by their nature extensions of the covered work,
+and which are not combined with it such as to form a larger program,
+in or on a volume of a storage or distribution medium, is called an
+"aggregate" if the compilation and its resulting copyright are not
+used to limit the access or legal rights of the compilation's users
+beyond what the individual works permit.  Inclusion of a covered work
+in an aggregate does not cause this License to apply to the other
+parts of the aggregate.
+
+  6. Conveying Non-Source Forms.
+
+  You may convey a covered work in object code form under the terms
+of sections 4 and 5, provided that you also convey the
+machine-readable Corresponding Source under the terms of this License,
+in one of these ways:
+
+    a) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by the
+    Corresponding Source fixed on a durable physical medium
+    customarily used for software interchange.
+
+    b) Convey the object code in, or embodied in, a physical product
+    (including a physical distribution medium), accompanied by a
+    written offer, valid for at least three years and valid for as
+    long as you offer spare parts or customer support for that product
+    model, to give anyone who possesses the object code either (1) a
+    copy of the Corresponding Source for all the software in the
+    product that is covered by this License, on a durable physical
+    medium customarily used for software interchange, for a price no
+    more than your reasonable cost of physically performing this
+    conveying of source, or (2) access to copy the
+    Corresponding Source from a network server at no charge.
+
+    c) Convey individual copies of the object code with a copy of the
+    written offer to provide the Corresponding Source.  This
+    alternative is allowed only occasionally and noncommercially, and
+    only if you received the object code with such an offer, in accord
+    with subsection 6b.
+
+    d) Convey the object code by offering access from a designated
+    place (gratis or for a charge), and offer equivalent access to the
+    Corresponding Source in the same way through the same place at no
+    further charge.  You need not require recipients to copy the
+    Corresponding Source along with the object code.  If the place to
+    copy the object code is a network server, the Corresponding Source
+    may be on a different server (operated by you or a third party)
+    that supports equivalent copying facilities, provided you maintain
+    clear directions next to the object code saying where to find the
+    Corresponding Source.  Regardless of what server hosts the
+    Corresponding Source, you remain obligated to ensure that it is
+    available for as long as needed to satisfy these requirements.
+
+    e) Convey the object code using peer-to-peer transmission, provided
+    you inform other peers where the object code and Corresponding
+    Source of the work are being offered to the general public at no
+    charge under subsection 6d.
+
+  A separable portion of the object code, whose source code is excluded
+from the Corresponding Source as a System Library, need not be
+included in conveying the object code work.
+
+  A "User Product" is either (1) a "consumer product", which means any
+tangible personal property which is normally used for personal, family,
+or household purposes, or (2) anything designed or sold for incorporation
+into a dwelling.  In determining whether a product is a consumer product,
+doubtful cases shall be resolved in favor of coverage.  For a particular
+product received by a particular user, "normally used" refers to a
+typical or common use of that class of product, regardless of the status
+of the particular user or of the way in which the particular user
+actually uses, or expects or is expected to use, the product.  A product
+is a consumer product regardless of whether the product has substantial
+commercial, industrial or non-consumer uses, unless such uses represent
+the only significant mode of use of the product.
+
+  "Installation Information" for a User Product means any methods,
+procedures, authorization keys, or other information required to install
+and execute modified versions of a covered work in that User Product from
+a modified version of its Corresponding Source.  The information must
+suffice to ensure that the continued functioning of the modified object
+code is in no case prevented or interfered with solely because
+modification has been made.
+
+  If you convey an object code work under this section in, or with, or
+specifically for use in, a User Product, and the conveying occurs as
+part of a transaction in which the right of possession and use of the
+User Product is transferred to the recipient in perpetuity or for a
+fixed term (regardless of how the transaction is characterized), the
+Corresponding Source conveyed under this section must be accompanied
+by the Installation Information.  But this requirement does not apply
+if neither you nor any third party retains the ability to install
+modified object code on the User Product (for example, the work has
+been installed in ROM).
+
+  The requirement to provide Installation Information does not include a
+requirement to continue to provide support service, warranty, or updates
+for a work that has been modified or installed by the recipient, or for
+the User Product in which it has been modified or installed.  Access to a
+network may be denied when the modification itself materially and
+adversely affects the operation of the network or violates the rules and
+protocols for communication across the network.
+
+  Corresponding Source conveyed, and Installation Information provided,
+in accord with this section must be in a format that is publicly
+documented (and with an implementation available to the public in
+source code form), and must require no special password or key for
+unpacking, reading or copying.
+
+  7. Additional Terms.
+
+  "Additional permissions" are terms that supplement the terms of this
+License by making exceptions from one or more of its conditions.
+Additional permissions that are applicable to the entire Program shall
+be treated as though they were included in this License, to the extent
+that they are valid under applicable law.  If additional permissions
+apply only to part of the Program, that part may be used separately
+under those permissions, but the entire Program remains governed by
+this License without regard to the additional permissions.
+
+  When you convey a copy of a covered work, you may at your option
+remove any additional permissions from that copy, or from any part of
+it.  (Additional permissions may be written to require their own
+removal in certain cases when you modify the work.)  You may place
+additional permissions on material, added by you to a covered work,
+for which you have or can give appropriate copyright permission.
+
+  Notwithstanding any other provision of this License, for material you
+add to a covered work, you may (if authorized by the copyright holders of
+that material) supplement the terms of this License with terms:
+
+    a) Disclaiming warranty or limiting liability differently from the
+    terms of sections 15 and 16 of this License; or
+
+    b) Requiring preservation of specified reasonable legal notices or
+    author attributions in that material or in the Appropriate Legal
+    Notices displayed by works containing it; or
+
+    c) Prohibiting misrepresentation of the origin of that material, or
+    requiring that modified versions of such material be marked in
+    reasonable ways as different from the original version; or
+
+    d) Limiting the use for publicity purposes of names of licensors or
+    authors of the material; or
+
+    e) Declining to grant rights under trademark law for use of some
+    trade names, trademarks, or service marks; or
+
+    f) Requiring indemnification of licensors and authors of that
+    material by anyone who conveys the material (or modified versions of
+    it) with contractual assumptions of liability to the recipient, for
+    any liability that these contractual assumptions directly impose on
+    those licensors and authors.
+
+  All other non-permissive additional terms are considered "further
+restrictions" within the meaning of section 10.  If the Program as you
+received it, or any part of it, contains a notice stating that it is
+governed by this License along with a term that is a further
+restriction, you may remove that term.  If a license document contains
+a further restriction but permits relicensing or conveying under this
+License, you may add to a covered work material governed by the terms
+of that license document, provided that the further restriction does
+not survive such relicensing or conveying.
+
+  If you add terms to a covered work in accord with this section, you
+must place, in the relevant source files, a statement of the
+additional terms that apply to those files, or a notice indicating
+where to find the applicable terms.
+
+  Additional terms, permissive or non-permissive, may be stated in the
+form of a separately written license, or stated as exceptions;
+the above requirements apply either way.
+
+  8. Termination.
+
+  You may not propagate or modify a covered work except as expressly
+provided under this License.  Any attempt otherwise to propagate or
+modify it is void, and will automatically terminate your rights under
+this License (including any patent licenses granted under the third
+paragraph of section 11).
+
+  However, if you cease all violation of this License, then your
+license from a particular copyright holder is reinstated (a)
+provisionally, unless and until the copyright holder explicitly and
+finally terminates your license, and (b) permanently, if the copyright
+holder fails to notify you of the violation by some reasonable means
+prior to 60 days after the cessation.
+
+  Moreover, your license from a particular copyright holder is
+reinstated permanently if the copyright holder notifies you of the
+violation by some reasonable means, this is the first time you have
+received notice of violation of this License (for any work) from that
+copyright holder, and you cure the violation prior to 30 days after
+your receipt of the notice.
+
+  Termination of your rights under this section does not terminate the
+licenses of parties who have received copies or rights from you under
+this License.  If your rights have been terminated and not permanently
+reinstated, you do not qualify to receive new licenses for the same
+material under section 10.
+
+  9. Acceptance Not Required for Having Copies.
+
+  You are not required to accept this License in order to receive or
+run a copy of the Program.  Ancillary propagation of a covered work
+occurring solely as a consequence of using peer-to-peer transmission
+to receive a copy likewise does not require acceptance.  However,
+nothing other than this License grants you permission to propagate or
+modify any covered work.  These actions infringe copyright if you do
+not accept this License.  Therefore, by modifying or propagating a
+covered work, you indicate your acceptance of this License to do so.
+
+  10. Automatic Licensing of Downstream Recipients.
+
+  Each time you convey a covered work, the recipient automatically
+receives a license from the original licensors, to run, modify and
+propagate that work, subject to this License.  You are not responsible
+for enforcing compliance by third parties with this License.
+
+  An "entity transaction" is a transaction transferring control of an
+organization, or substantially all assets of one, or subdividing an
+organization, or merging organizations.  If propagation of a covered
+work results from an entity transaction, each party to that
+transaction who receives a copy of the work also receives whatever
+licenses to the work the party's predecessor in interest had or could
+give under the previous paragraph, plus a right to possession of the
+Corresponding Source of the work from the predecessor in interest, if
+the predecessor has it or can get it with reasonable efforts.
+
+  You may not impose any further restrictions on the exercise of the
+rights granted or affirmed under this License.  For example, you may
+not impose a license fee, royalty, or other charge for exercise of
+rights granted under this License, and you may not initiate litigation
+(including a cross-claim or counterclaim in a lawsuit) alleging that
+any patent claim is infringed by making, using, selling, offering for
+sale, or importing the Program or any portion of it.
+
+  11. Patents.
+
+  A "contributor" is a copyright holder who authorizes use under this
+License of the Program or a work on which the Program is based.  The
+work thus licensed is called the contributor's "contributor version".
+
+  A contributor's "essential patent claims" are all patent claims
+owned or controlled by the contributor, whether already acquired or
+hereafter acquired, that would be infringed by some manner, permitted
+by this License, of making, using, or selling its contributor version,
+but do not include claims that would be infringed only as a
+consequence of further modification of the contributor version.  For
+purposes of this definition, "control" includes the right to grant
+patent sublicenses in a manner consistent with the requirements of
+this License.
+
+  Each contributor grants you a non-exclusive, worldwide, royalty-free
+patent license under the contributor's essential patent claims, to
+make, use, sell, offer for sale, import and otherwise run, modify and
+propagate the contents of its contributor version.
+
+  In the following three paragraphs, a "patent license" is any express
+agreement or commitment, however denominated, not to enforce a patent
+(such as an express permission to practice a patent or covenant not to
+sue for patent infringement).  To "grant" such a patent license to a
+party means to make such an agreement or commitment not to enforce a
+patent against the party.
+
+  If you convey a covered work, knowingly relying on a patent license,
+and the Corresponding Source of the work is not available for anyone
+to copy, free of charge and under the terms of this License, through a
+publicly available network server or other readily accessible means,
+then you must either (1) cause the Corresponding Source to be so
+available, or (2) arrange to deprive yourself of the benefit of the
+patent license for this particular work, or (3) arrange, in a manner
+consistent with the requirements of this License, to extend the patent
+license to downstream recipients.  "Knowingly relying" means you have
+actual knowledge that, but for the patent license, your conveying the
+covered work in a country, or your recipient's use of the covered work
+in a country, would infringe one or more identifiable patents in that
+country that you have reason to believe are valid.
+
+  If, pursuant to or in connection with a single transaction or
+arrangement, you convey, or propagate by procuring conveyance of, a
+covered work, and grant a patent license to some of the parties
+receiving the covered work authorizing them to use, propagate, modify
+or convey a specific copy of the covered work, then the patent license
+you grant is automatically extended to all recipients of the covered
+work and works based on it.
+
+  A patent license is "discriminatory" if it does not include within
+the scope of its coverage, prohibits the exercise of, or is
+conditioned on the non-exercise of one or more of the rights that are
+specifically granted under this License.  You may not convey a covered
+work if you are a party to an arrangement with a third party that is
+in the business of distributing software, under which you make payment
+to the third party based on the extent of your activity of conveying
+the work, and under which the third party grants, to any of the
+parties who would receive the covered work from you, a discriminatory
+patent license (a) in connection with copies of the covered work
+conveyed by you (or copies made from those copies), or (b) primarily
+for and in connection with specific products or compilations that
+contain the covered work, unless you entered into that arrangement,
+or that patent license was granted, prior to 28 March 2007.
+
+  Nothing in this License shall be construed as excluding or limiting
+any implied license or other defenses to infringement that may
+otherwise be available to you under applicable patent law.
+
+  12. No Surrender of Others' Freedom.
+
+  If conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot convey a
+covered work so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you may
+not convey it at all.  For example, if you agree to terms that obligate you
+to collect a royalty for further conveying from those to whom you convey
+the Program, the only way you could satisfy both those terms and this
+License would be to refrain entirely from conveying the Program.
+
+  13. Use with the GNU Affero General Public License.
+
+  Notwithstanding any other provision of this License, you have
+permission to link or combine any covered work with a work licensed
+under version 3 of the GNU Affero General Public License into a single
+combined work, and to convey the resulting work.  The terms of this
+License will continue to apply to the part which is the covered work,
+but the special requirements of the GNU Affero General Public License,
+section 13, concerning interaction through a network will apply to the
+combination as such.
+
+  14. Revised Versions of this License.
+
+  The Free Software Foundation may publish revised and/or new versions of
+the GNU General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+  Each version is given a distinguishing version number.  If the
+Program specifies that a certain numbered version of the GNU General
+Public License "or any later version" applies to it, you have the
+option of following the terms and conditions either of that numbered
+version or of any later version published by the Free Software
+Foundation.  If the Program does not specify a version number of the
+GNU General Public License, you may choose any version ever published
+by the Free Software Foundation.
+
+  If the Program specifies that a proxy can decide which future
+versions of the GNU General Public License can be used, that proxy's
+public statement of acceptance of a version permanently authorizes you
+to choose that version for the Program.
+
+  Later license versions may give you additional or different
+permissions.  However, no additional obligations are imposed on any
+author or copyright holder as a result of your choosing to follow a
+later version.
+
+  15. Disclaimer of Warranty.
+
+  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
+APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
+HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
+OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
+THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
+PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
+IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
+ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
+
+  16. Limitation of Liability.
+
+  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
+THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
+GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
+USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
+DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
+PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
+EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
+SUCH DAMAGES.
+
+  17. Interpretation of Sections 15 and 16.
+
+  If the disclaimer of warranty and limitation of liability provided
+above cannot be given local legal effect according to their terms,
+reviewing courts shall apply local law that most closely approximates
+an absolute waiver of all civil liability in connection with the
+Program, unless a warranty or assumption of liability accompanies a
+copy of the Program in return for a fee.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+state the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    {one line to give the program's name and a brief idea of what it does.}
+    Copyright (C) {year}  {name of author}
+
+    This program is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with this program.  If not, see <http://www.gnu.org/licenses/>.
+
+Also add information on how to contact you by electronic and paper mail.
+
+  If the program does terminal interaction, make it output a short
+notice like this when it starts in an interactive mode:
+
+    {project}  Copyright (C) {year}  {fullname}
+    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, your program's commands
+might be different; for a GUI interface, you would use an "about box".
+
+  You should also get your employer (if you work as a programmer) or school,
+if any, to sign a "copyright disclaimer" for the program, if necessary.
+For more information on this, and how to apply and follow the GNU GPL, see
+<http://www.gnu.org/licenses/>.
+
+  The GNU General Public License does not permit incorporating your program
+into proprietary programs.  If your program is a subroutine library, you
+may consider it more useful to permit linking proprietary applications with
+the library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.  But first, please read
+<http://www.gnu.org/philosophy/why-not-lgpl.html>.

README.md

@@ -1,67 +1,66 @@
-# Server Monitor & Toolbox
-A new Flutter project which provide a chart view to display server status data and a manager toolbox.
+<!-- Title-->
+<p align="center">
+  <h1 align="center">Server Box</h1>
+</p>
 
-## Milestone
-- [x] Status chart view
-- [x] Base64/Url En/Decode
-- [x] Ping
-- [x] Desktop support
-- [x] Apt/Yum manager
-- [x] SFTP
-- [ ] Snippet market
-- [x] Docker manager
-- [x] i18n (English, Chinese)
+<!-- Badges-->
+<p align="center">
+  <a href="https://apps.apple.com/app/id1586449703">
+    <img style="height: 37px" src="screenshots/appstore.svg">
+  </a>
+  <a href="https://github.com/lollipopkit/flutter_server_box/releases/latest">
+    <img style="height: 37px" src="screenshots/dl-android.svg">
+  </a>
+</p>
 
-## ScreenShots
+<p align="center">
+A Flutter project which provide charts to display server status and tools to manage server.
+<br>
+Especially thanks to <a href="https://github.com/TerminalStudio/dartssh2">dartssh2</a> & <a href="https://github.com/TerminalStudio/xterm.dart">xterm.dart</a>.
+</p>
+
+
+## 🔖 Feature
+- [x] 📊 Status chart view
+- [x] ⌨️ `SSH` terminal
+- [x] ⚙️ `Docker & Pkg` Manager, `SFTP`, `Snippet` ~~market~~, `Ping` and etc.
+- [x] 📚 i18n (English, Chinese), **welcome contribution** :)
+- [x] 🖥️ Desktop support
+
+## 📱 ScreenShots
 <table>
   <tr>
     <td>
-	    <img width="200px" src="https://raw.githubusercontent.com/LollipopKit/flutter_server_monitor_toolbox/main/screenshots/server.jpg">
+	    <img width="200px" src="screenshots/server.jpg">
     </td>
     <td>
-	    <img width="200px" src="https://raw.githubusercontent.com/LollipopKit/flutter_server_monitor_toolbox/main/screenshots/server_detail.jpg">
+	    <img width="200px" src="screenshots/server_detail.png">
     </td>
     <td>
-	    <img width="200px" src="https://raw.githubusercontent.com/LollipopKit/flutter_server_monitor_toolbox/main/screenshots/server_edit.jpg">
+	    <img width="200px" src="screenshots/ssh.jpg">
     </td>
   </tr>
 </table>
 <table>
   <tr>
     <td>
-	    <img width="200px" src="https://raw.githubusercontent.com/LollipopKit/flutter_server_monitor_toolbox/main/screenshots/convert.jpg">
+	    <img width="200px" src="screenshots/ping.png">
     </td>
     <td>
-	    <img width="200px" src="https://raw.githubusercontent.com/LollipopKit/flutter_server_monitor_toolbox/main/screenshots/ping.jpg">
+	    <img width="200px" src="screenshots/sftp.jpg">
     </td>
     <td>
-	    <img width="200px" src="https://raw.githubusercontent.com/LollipopKit/flutter_server_monitor_toolbox/main/screenshots/setting.jpg">
-    </td>
-  </tr>
-</table>
-<table>
-  <tr>
-    <td>
-	    <img width="200px" src="https://raw.githubusercontent.com/LollipopKit/flutter_server_monitor_toolbox/main/screenshots/drawer.jpg">
+	    <img width="200px" src="screenshots/docker.jpg">
     </td>
   </tr>
 </table>
 
-# Support
-Status|Platform 
---|--|
-Full Support|Android/iOS/macOS
-Support, but not tested|Windows/Linux
+## 🖥 Platform
+Status|Platform          
+--- | ---
+Full Support|Android/iOS
+Support, but not tested|macOS/Windows/Linux
 
 
-## Build
-Please use `make.dart` to build.
-```shell
-# build android apk and ios archive
-./make.dart build
-# Run in release mode
-./make.dart run release
-```
-
-## License
-`LGPL License. LollipopKit 2021`
+## 📝 License
+`GPL v3. lollipopkit 2023`

android/app/build.gradle

@@ -32,7 +32,7 @@ apply plugin: 'kotlin-android'
 apply from: "$flutterRoot/packages/flutter_tools/gradle/flutter.gradle"
 
 android {
-    compileSdkVersion 31
+    compileSdkVersion 33
 
     compileOptions {
         sourceCompatibility JavaVersion.VERSION_1_8
@@ -48,7 +48,6 @@ android {
     }
 
     defaultConfig {
-        // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
         applicationId "tech.lolli.toolbox"
         minSdkVersion 21
         targetSdkVersion 30
@@ -67,12 +66,18 @@ android {
 
     buildTypes {
         release {
-            // TODO: Add your own signing config for the release build.
-            // Signing with the debug keys for now, so `flutter run --release` works.
             signingConfig signingConfigs.release
             minifyEnabled true
             proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
         }
+
+        debug {
+            applicationIdSuffix '.debug'
+        }
+
+        profile {
+            applicationIdSuffix '.debug'
+        }
     }
 }
 

ios/Flutter/AppFrameworkInfo.plist

@@ -21,6 +21,6 @@
   <key>CFBundleVersion</key>
   <string>1.0</string>
   <key>MinimumOSVersion</key>
-  <string>9.0</string>
+  <string>11.0</string>
 </dict>
 </plist>

ios/Podfile

@@ -1,5 +1,5 @@
 # Uncomment this line to define a global platform for your project
-# platform :ios, '9.0'
+# platform :ios, '11.0'
 
 # CocoaPods analytics sends network stats synchronously affecting flutter build latency.
 ENV['COCOAPODS_DISABLE_STATS'] = 'true'

ios/Podfile.lock

@@ -1,11 +1,12 @@
 PODS:
-  - countly_flutter (21.11.0):
+  - countly_flutter (22.09.0):
     - Flutter
   - Flutter (1.0.0)
   - flutter_native_splash (0.0.1):
     - Flutter
-  - path_provider_ios (0.0.1):
+  - path_provider_foundation (0.0.1):
     - Flutter
+    - FlutterMacOS
   - r_upgrade (0.0.1):
     - Flutter
   - share_plus (0.0.1):
@@ -17,7 +18,7 @@ DEPENDENCIES:
   - countly_flutter (from `.symlinks/plugins/countly_flutter/ios`)
   - Flutter (from `Flutter`)
   - flutter_native_splash (from `.symlinks/plugins/flutter_native_splash/ios`)
-  - path_provider_ios (from `.symlinks/plugins/path_provider_ios/ios`)
+  - path_provider_foundation (from `.symlinks/plugins/path_provider_foundation/ios`)
   - r_upgrade (from `.symlinks/plugins/r_upgrade/ios`)
   - share_plus (from `.symlinks/plugins/share_plus/ios`)
   - url_launcher_ios (from `.symlinks/plugins/url_launcher_ios/ios`)
@@ -29,8 +30,8 @@ EXTERNAL SOURCES:
     :path: Flutter
   flutter_native_splash:
     :path: ".symlinks/plugins/flutter_native_splash/ios"
-  path_provider_ios:
-    :path: ".symlinks/plugins/path_provider_ios/ios"
+  path_provider_foundation:
+    :path: ".symlinks/plugins/path_provider_foundation/ios"
   r_upgrade:
     :path: ".symlinks/plugins/r_upgrade/ios"
   share_plus:
@@ -39,14 +40,14 @@ EXTERNAL SOURCES:
     :path: ".symlinks/plugins/url_launcher_ios/ios"
 
 SPEC CHECKSUMS:
-  countly_flutter: e245f94349d8adf306c22e60c10648c69aae7380
-  Flutter: 50d75fe2f02b26cc09d224853bb45737f8b3214a
+  countly_flutter: 135f1a4930f8e26ba223a14201d3f265ea7b4c83
+  Flutter: f04841e97a9d0b0a8025694d0796dd46242b2854
   flutter_native_splash: 52501b97d1c0a5f898d687f1646226c1f93c56ef
-  path_provider_ios: 14f3d2fd28c4fdb42f44e0f751d12861c43cee02
+  path_provider_foundation: 37748e03f12783f9de2cb2c4eadfaa25fe6d4852
   r_upgrade: 44d715c61914cce3d01ea225abffe894fd51c114
   share_plus: 056a1e8ac890df3e33cb503afffaf1e9b4fbae68
-  url_launcher_ios: 839c58cdb4279282219f5e248c3321761ff3c4de
+  url_launcher_ios: ae1517e5e344f5544fb090b079e11f399dfbe4d2
 
-PODFILE CHECKSUM: aafe91acc616949ddb318b77800a7f51bffa2a4c
+PODFILE CHECKSUM: ef19549a9bc3046e7bb7d2fab4d021637c0c58a3
 
 COCOAPODS: 1.11.3

ios/Runner.xcodeproj/project.pbxproj

@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 51;
+	objectVersion = 54;
 	objects = {
 
 /* Begin PBXBuildFile section */
@@ -199,6 +199,7 @@
 /* Begin PBXShellScriptBuildPhase section */
 		3B06AD1E1E4923F5004D2608 /* Thin Binary */ = {
 			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
 			buildActionMask = 2147483647;
 			files = (
 			);
@@ -213,6 +214,7 @@
 		};
 		9740EEB61CF901F6004384FC /* Run Script */ = {
 			isa = PBXShellScriptBuildPhase;
+			alwaysOutOfDate = 1;
 			buildActionMask = 2147483647;
 			files = (
 			);
@@ -339,7 +341,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;
@@ -354,7 +356,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				CURRENT_PROJECT_VERSION = 136;
+				CURRENT_PROJECT_VERSION = 174;
 				DEVELOPMENT_TEAM = BA88US33G6;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
@@ -362,7 +364,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.0.136;
+				MARKETING_VERSION = 1.0.174;
 				PRODUCT_BUNDLE_IDENTIFIER = com.lollipopkit.toolbox;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
@@ -418,7 +420,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
 				SDKROOT = iphoneos;
@@ -467,7 +469,7 @@
 				GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE;
 				GCC_WARN_UNUSED_FUNCTION = YES;
 				GCC_WARN_UNUSED_VARIABLE = YES;
-				IPHONEOS_DEPLOYMENT_TARGET = 9.0;
+				IPHONEOS_DEPLOYMENT_TARGET = 11.0;
 				MTL_ENABLE_DEBUG_INFO = NO;
 				SDKROOT = iphoneos;
 				SUPPORTED_PLATFORMS = iphoneos;
@@ -484,7 +486,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				CURRENT_PROJECT_VERSION = 136;
+				CURRENT_PROJECT_VERSION = 174;
 				DEVELOPMENT_TEAM = BA88US33G6;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
@@ -492,7 +494,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.0.136;
+				MARKETING_VERSION = 1.0.174;
 				PRODUCT_BUNDLE_IDENTIFIER = com.lollipopkit.toolbox;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
@@ -508,7 +510,7 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				CURRENT_PROJECT_VERSION = 136;
+				CURRENT_PROJECT_VERSION = 174;
 				DEVELOPMENT_TEAM = BA88US33G6;
 				ENABLE_BITCODE = NO;
 				INFOPLIST_FILE = Runner/Info.plist;
@@ -516,7 +518,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.0.136;
+				MARKETING_VERSION = 1.0.174;
 				PRODUCT_BUNDLE_IDENTIFIER = com.lollipopkit.toolbox;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";

ios/Runner/Info.plist

@@ -48,5 +48,7 @@
 		</array>
 		<key>CADisableMinimumFrameDurationOnPhone</key>
 	<true/>
+	<key>UIApplicationSupportsIndirectInputEvents</key>
+	<true/>
 </dict>
 </plist>

lib/app.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
+import 'package:toolbox/core/extension/colorx.dart';
 import 'package:toolbox/core/utils.dart';
 import 'package:toolbox/data/res/build_data.dart';
 import 'package:toolbox/data/store/setting.dart';
@@ -10,21 +11,6 @@ import 'package:toolbox/view/page/home.dart';
 class MyApp extends StatelessWidget {
   const MyApp({Key? key}) : super(key: key);
 
-  MaterialStateProperty<Color?> getMaterialStateColor(Color primaryColor) {
-    return MaterialStateProperty.resolveWith((states) {
-      const Set<MaterialState> interactiveStates = <MaterialState>{
-        MaterialState.pressed,
-        MaterialState.hovered,
-        MaterialState.focused,
-        MaterialState.selected
-      };
-      if (states.any(interactiveStates.contains)) {
-        return primaryColor;
-      }
-      return null;
-    });
-  }
-
   @override
   Widget build(BuildContext context) {
     setTransparentNavigationBar(context);
@@ -33,16 +19,16 @@ class MyApp extends StatelessWidget {
         builder: (_, value, __) {
           final primaryColor = Color(value);
           final textStyle = TextStyle(color: primaryColor);
+          final materialColor = primaryColor.materialStateColor;
+          final materialColorAlpha =
+              primaryColor.withOpacity(0.7).materialStateColor;
           return MaterialApp(
             localizationsDelegates: const [
               S.delegate,
-              GlobalMaterialLocalizations.delegate,
-              GlobalWidgetsLocalizations.delegate,
-              GlobalCupertinoLocalizations.delegate,
+              ...GlobalMaterialLocalizations.delegates,
             ],
             supportedLocales: S.delegate.supportedLocales,
             title: BuildData.name,
-            debugShowCheckedModeBanner: false,
             theme: ThemeData(
               primaryColor: primaryColor,
               appBarTheme: AppBarTheme(backgroundColor: primaryColor),
@@ -51,37 +37,41 @@ class MyApp extends StatelessWidget {
               iconTheme: IconThemeData(color: primaryColor),
               primaryIconTheme: IconThemeData(color: primaryColor),
               switchTheme: SwitchThemeData(
-                thumbColor: getMaterialStateColor(primaryColor),
-                trackColor:
-                    getMaterialStateColor(primaryColor.withOpacity(0.7)),
+                thumbColor: materialColor,
+                trackColor: materialColorAlpha,
               ),
               buttonTheme: ButtonThemeData(splashColor: primaryColor),
               inputDecorationTheme: InputDecorationTheme(
-                  labelStyle: textStyle,
-                  focusedBorder: UnderlineInputBorder(
-                      borderSide: BorderSide(color: primaryColor))),
+                labelStyle: textStyle,
+                focusedBorder: UnderlineInputBorder(
+                  borderSide: BorderSide(color: primaryColor),
+                ),
+              ),
               radioTheme: RadioThemeData(
-                fillColor: getMaterialStateColor(primaryColor),
+                fillColor: materialColor,
               ),
             ),
             darkTheme: ThemeData.dark().copyWith(
-                primaryColor: primaryColor,
-                floatingActionButtonTheme: FloatingActionButtonThemeData(
-                    backgroundColor: primaryColor),
-                iconTheme: IconThemeData(color: primaryColor),
-                primaryIconTheme: IconThemeData(color: primaryColor),
-                switchTheme: SwitchThemeData(
-                  thumbColor: getMaterialStateColor(primaryColor),
-                  trackColor:
-                      getMaterialStateColor(primaryColor.withOpacity(0.7)),
+              primaryColor: primaryColor,
+              floatingActionButtonTheme:
+                  FloatingActionButtonThemeData(backgroundColor: primaryColor),
+              iconTheme: IconThemeData(color: primaryColor),
+              primaryIconTheme: IconThemeData(color: primaryColor),
+              switchTheme: SwitchThemeData(
+                thumbColor: materialColor,
+                trackColor: materialColorAlpha,
+              ),
+              buttonTheme: ButtonThemeData(splashColor: primaryColor),
+              inputDecorationTheme: InputDecorationTheme(
+                labelStyle: textStyle,
+                focusedBorder: UnderlineInputBorder(
+                  borderSide: BorderSide(color: primaryColor),
                 ),
-                buttonTheme: ButtonThemeData(splashColor: primaryColor),
-                inputDecorationTheme: InputDecorationTheme(
-                    labelStyle: textStyle,
-                    focusedBorder: UnderlineInputBorder(
-                        borderSide: BorderSide(color: primaryColor))),
-                radioTheme: RadioThemeData(
-                    fillColor: getMaterialStateColor(primaryColor))),
+              ),
+              radioTheme: RadioThemeData(
+                fillColor: materialColor,
+              ),
+            ),
             home: MyHomePage(primaryColor: primaryColor),
           );
         });

lib/core/analysis.dart

@@ -4,6 +4,7 @@ import 'dart:io';
 import 'package:countly_flutter/countly_config.dart';
 import 'package:countly_flutter/countly_flutter.dart';
 import 'package:logging/logging.dart';
+import 'package:toolbox/core/build_mode.dart';
 
 class Analysis {
   static const _url = 'https://countly.xuty.cc';
@@ -11,11 +12,14 @@ class Analysis {
 
   static bool _enabled = false;
 
-  static Future<void> init(bool debug) async {
+  static Future<void> init() async {
+    if (!BuildMode.isRelease) {
+      return;
+    }
     if (Platform.isAndroid || Platform.isIOS) {
       _enabled = true;
       final config = CountlyConfig(_url, _key)
-          .setLoggingEnabled(debug)
+          .setLoggingEnabled(false)
           .enableCrashReporting();
       await Countly.initWithConfig(config);
       await Countly.start();

lib/core/build_mode.dart

@@ -6,7 +6,7 @@ enum _BuildMode {
   profile,
 }
 
-_BuildMode _buildMode = (() {
+final _buildMode = (() {
   if (const bool.fromEnvironment('dart.vm.product')) {
     return _BuildMode.release;
   }

lib/core/extension/colorx.dart

@@ -1,5 +1,12 @@
 import 'package:flutter/material.dart';
 
+const Set<MaterialState> interactiveStates = <MaterialState>{
+  MaterialState.pressed,
+  MaterialState.hovered,
+  MaterialState.focused,
+  MaterialState.selected
+};
+
 extension ColorX on Color {
   bool get isBrightColor {
     return getBrightnessFromColor == Brightness.light;
@@ -8,4 +15,13 @@ extension ColorX on Color {
   Brightness get getBrightnessFromColor {
     return ThemeData.estimateBrightnessForColor(this);
   }
+
+  MaterialStateProperty<Color?> get materialStateColor {
+    return MaterialStateProperty.resolveWith((states) {
+      if (states.any(interactiveStates.contains)) {
+        return this;
+      }
+      return null;
+    });
+  }
 }

lib/core/extension/ssh_client.dart

@@ -0,0 +1,49 @@
+import 'dart:async';
+
+import 'package:dartssh2/dartssh2.dart';
+import 'package:flutter/foundation.dart';
+import 'package:toolbox/core/extension/uint8list.dart';
+
+typedef OnStd = void Function(String data, StreamSink<Uint8List> sink);
+typedef OnStdin = void Function(StreamSink<Uint8List> sink);
+
+typedef PwdRequestFunc = Future<String> Function();
+final pwdRequestWithUserReg = RegExp(r'\[sudo\] password for (.+):');
+
+extension SSHClientX on SSHClient {
+  Future<int?> exec(String cmd,
+      {OnStd? onStderr, OnStd? onStdout, OnStdin? stdin}) async {
+    final session = await execute(cmd);
+
+    final stdoutDone = Completer<void>();
+    final stderrDone = Completer<void>();
+
+    if (onStdout != null) {
+      session.stdout.listen(
+        (e) => onStdout(e.string, session.stdin),
+        onDone: stdoutDone.complete,
+      );
+    } else {
+      stdoutDone.complete();
+    }
+
+    if (onStderr != null) {
+      session.stderr.listen(
+        (e) => onStderr(e.string, session.stdin),
+        onDone: stderrDone.complete,
+      );
+    } else {
+      stderrDone.complete();
+    }
+
+    if (stdin != null) {
+      stdin(session.stdin);
+    }
+
+    await stdoutDone.future;
+    await stderrDone.future;
+
+    session.close();
+    return session.exitCode;
+  }
+}

lib/core/extension/stringx.dart

@@ -1,24 +1,11 @@
+import 'dart:convert';
+
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
-import 'package:toolbox/data/model/distribution.dart';
 
 extension StringX on String {
   int get i => int.parse(this);
 
-  Distribution get dist {
-    final lower = toLowerCase();
-    for (var dist in debianDistList) {
-      if (lower.contains(dist)) {
-        return Distribution.debian;
-      }
-    }
-    for (var dist in rehlDistList) {
-      if (lower.contains(dist)) {
-        return Distribution.rehl;
-      }
-    }
-    return Distribution.unknown;
-  }
-
   Uri get uri {
     return Uri.parse(this);
   }
@@ -32,7 +19,7 @@ extension StringX on String {
         // Build the textspan
         var span = TextSpan(
           text: 'A' * 7 + substring(length - len),
-          style: style ?? Theme.of(context).textTheme.bodyText2,
+          style: style ?? Theme.of(context).textTheme.bodyMedium,
         );
 
         // Use a textpainter to determine if it will exceed max lines
@@ -60,4 +47,6 @@ extension StringX on String {
   }
 
   String get withLangExport => 'export LANG=en_US.UTF-8 && $this';
+
+  Uint8List get uint8List => Uint8List.fromList(utf8.encode(this));
 }

lib/core/persistant_store.dart

@@ -1,7 +1,7 @@
 import 'dart:async';
 
 import 'package:flutter/foundation.dart';
-import 'package:hive/hive.dart';
+import 'package:hive_flutter/hive_flutter.dart';
 
 class PersistentStore<E> {
   late Box<E> box;

lib/core/provider_base.dart

@@ -9,11 +9,6 @@ class ProviderBase with ChangeNotifier {
   }
 }
 
-enum ProviderState {
-  idle,
-  busy,
-}
-
 class BusyProvider extends ProviderBase {
   bool _isBusy = false;
   bool get isBusy => _isBusy;

lib/core/update.dart

@@ -11,14 +11,14 @@ import 'package:toolbox/data/service/app.dart';
 import 'package:toolbox/generated/l10n.dart';
 import 'package:toolbox/locator.dart';
 
-final logger = Logger('UPDATE');
+final _logger = Logger('UPDATE');
 
 Future<bool> isFileAvailable(String url) async {
   try {
     final resp = await Dio().head(url);
     return resp.statusCode == 200;
   } catch (e) {
-    logger.warning('update file not available: $e');
+    _logger.warning('update file not available: $e');
     return false;
   }
 }
@@ -40,11 +40,11 @@ Future<void> doUpdate(BuildContext context, {bool force = false}) async {
   }();
 
   if (!force && newest <= BuildData.build) {
-    logger.info('Update ignored due to current: ${BuildData.build}, '
+    _logger.info('Update ignored due to current: ${BuildData.build}, '
         'update: $newest');
     return;
   }
-  logger.info('Update available: $newest');
+  _logger.info('Update available: $newest');
 
   if (Platform.isAndroid && !await isFileAvailable(update.android)) {
     return;
@@ -57,7 +57,7 @@ Future<void> doUpdate(BuildContext context, {bool force = false}) async {
       update.min > BuildData.build
           ? 'Your version is too old. \nPlease update to v1.0.$newest.'
           : 'Update: v1.0.$newest available. \n${update.changelog}',
-      'Update', () async {
+      s.update, () async {
     if (Platform.isAndroid) {
       await RUpgrade.upgrade(update.android,
           fileName: update.android.split('/').last, isAutoRequestInstall: true);
@@ -65,10 +65,11 @@ Future<void> doUpdate(BuildContext context, {bool force = false}) async {
       await RUpgrade.upgradeFromAppStore('1586449703');
     } else if (Platform.isMacOS) {
       await RUpgrade.upgradeFromUrl(update.mac);
+    } else {
+      showRoundDialog(context, s.attention, Text(s.platformNotSupportUpdate), [
+        TextButton(
+            onPressed: () => Navigator.of(context).pop(), child: Text(s.ok))
+      ]);
     }
-    showRoundDialog(context, s.attention, Text(s.platformNotSupportUpdate), [
-      TextButton(
-          onPressed: () => Navigator.of(context).pop(), child: Text(s.ok))
-    ]);
   });
 }

lib/core/utils.dart

@@ -10,8 +10,6 @@ import 'package:toolbox/view/widget/card_dialog.dart';
 import 'package:url_launcher/url_launcher.dart';
 import 'package:toolbox/core/extension/stringx.dart';
 
-void unawaited(Future<void> future) {}
-
 bool isDarkMode(BuildContext context) =>
     Theme.of(context).brightness == Brightness.dark;
 
@@ -30,15 +28,7 @@ void showSnackBarWithAction(BuildContext context, String content, String action,
 }
 
 Future<bool> openUrl(String url) async {
-  final uri = url.uri;
-  if (!await canLaunchUrl(uri)) {
-    return false;
-  }
-  final ok = await launchUrl(uri);
-  if (ok == true) {
-    return true;
-  }
-  return false;
+  return await launchUrl(url.uri, mode: LaunchMode.externalApplication);
 }
 
 Future<T?>? showRoundDialog<T>(
@@ -107,6 +97,25 @@ Future<bool> shareFiles(BuildContext context, List<String> filePaths) async {
   } else {
     text = '${filePaths.length} ${S.of(context).files}';
   }
-  await Share.shareFiles(filePaths, text: 'ServerBox -> $text');
+  final xfiles = filePaths.map((e) => XFile(e)).toList();
+  await Share.shareXFiles(xfiles, text: 'ServerBox -> $text');
   return filePaths.isNotEmpty;
 }
+
+Widget buildPopuopMenu(
+    {required List<PopupMenuEntry> items,
+    required Function(dynamic) onSelected}) {
+  return PopupMenuButton(
+    itemBuilder: (_) => items,
+    onSelected: onSelected,
+    padding: EdgeInsets.zero,
+    shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
+    child: const Padding(
+      padding: EdgeInsets.only(left: 7),
+      child: Icon(
+        Icons.more_vert,
+        size: 21,
+      ),
+    ),
+  );
+}

lib/data/model/app/backup.dart

@@ -0,0 +1,52 @@
+import 'package:toolbox/data/model/server/private_key_info.dart';
+import 'package:toolbox/data/model/server/server_private_info.dart';
+import 'package:toolbox/data/model/server/snippet.dart';
+
+class Backup {
+  // backup format version
+  final int version;
+  final String date;
+  final List<ServerPrivateInfo> spis;
+  final List<Snippet> snippets;
+  final List<PrivateKeyInfo> keys;
+  final int primaryColor;
+  final int serverStatusUpdateInterval;
+  final int launchPage;
+
+  Backup(
+    this.version,
+    this.date,
+    this.spis,
+    this.snippets,
+    this.keys,
+    this.primaryColor,
+    this.serverStatusUpdateInterval,
+    this.launchPage,
+  );
+
+  Backup.fromJson(Map<String, dynamic> json)
+      : version = json['version'] as int,
+        date = json['date'],
+        spis = (json['spis'] as List)
+            .map((e) => ServerPrivateInfo.fromJson(e))
+            .toList(),
+        snippets =
+            (json['snippets'] as List).map((e) => Snippet.fromJson(e)).toList(),
+        keys = (json['keys'] as List)
+            .map((e) => PrivateKeyInfo.fromJson(e))
+            .toList(),
+        primaryColor = json['primaryColor'],
+        serverStatusUpdateInterval = json['serverStatusUpdateInterval'],
+        launchPage = json['launchPage'];
+
+  Map<String, dynamic> toJson() => {
+        'version': version,
+        'date': date,
+        'spis': spis,
+        'snippets': snippets,
+        'keys': keys,
+        'primaryColor': primaryColor,
+        'serverStatusUpdateInterval': serverStatusUpdateInterval,
+        'launchPage': launchPage,
+      };
+}

lib/data/model/app/menu_item.dart

@@ -24,14 +24,14 @@ class DropdownBtnItem {
 }
 
 class ServerTabMenuItems {
-  static const List<DropdownBtnItem> firstItems = [sftp, snippet, apt, docker];
+  static const List<DropdownBtnItem> firstItems = [sftp, snippet, pkg, docker];
   static const List<DropdownBtnItem> secondItems = [edit];
 
   static const sftp =
       DropdownBtnItem(text: 'SFTP', icon: Icons.insert_drive_file);
-  static const snippet = DropdownBtnItem(text: 'Snippet', icon: Icons.label);
-  static const apt =
-      DropdownBtnItem(text: 'Apt/Yum', icon: Icons.system_security_update);
+  static const snippet = DropdownBtnItem(text: 'Snippet', icon: Icons.code);
+  static const pkg =
+      DropdownBtnItem(text: 'Pkg', icon: Icons.system_security_update);
   static const docker =
       DropdownBtnItem(text: 'Docker', icon: Icons.view_agenda);
   static const edit = DropdownBtnItem(text: 'Edit', icon: Icons.edit);

lib/data/model/apt/upgrade_pkg_info.dart

@@ -1,41 +0,0 @@
-import 'package:toolbox/data/model/distribution.dart';
-
-class UpgradePkgInfo {
-  final String _raw;
-  final Distribution _dist;
-
-  late String package;
-  late String nowVersion;
-  late String newVersion;
-  late String arch;
-
-  UpgradePkgInfo(this._raw, this._dist) {
-    switch (_dist) {
-      case Distribution.debian:
-      case Distribution.unknown:
-        _parseApt();
-        break;
-      case Distribution.rehl:
-        _parseYum();
-    }
-  }
-
-  void _parseApt() {
-    final split1 = _raw.split("/");
-    package = split1[0];
-    final split2 = split1[1].split(" ");
-    newVersion = split2[1];
-    arch = split2[2];
-    nowVersion = split2[5].replaceFirst(']', '');
-  }
-
-  void _parseYum() {
-    final result = RegExp(r'\S+').allMatches(_raw);
-    final pkgAndArch = result.elementAt(0).group(0) ?? '.';
-    final split1 = pkgAndArch.split('.');
-    package = split1[0];
-    arch = split1[1];
-    newVersion = result.elementAt(1).group(0) ?? 'Unknown';
-    nowVersion = '';
-  }
-}

lib/data/model/distribution.dart

@@ -1,21 +0,0 @@
-enum Distribution {
-  unknown,
-  debian,
-  rehl,
-}
-
-const debianDistList = [
-  'debian',
-  'ubuntu',
-  'linuxmint',
-  'elementary',
-  'raspbian'
-];
-const rehlDistList = [
-  'redhat',
-  'fedora',
-  'centos',
-  'scientificlinux',
-  'rhel',
-  'oraclelinux'
-];

lib/data/model/docker/image.dart

@@ -0,0 +1,47 @@
+final _dockerImageReg = RegExp(r'(\S+) +(\S+) +(\S+) +(.+) +(\S+)');
+
+class DockerImage {
+  final String repo;
+  final String tag;
+  final String id;
+  final String created;
+  final String size;
+
+  static final Map<String, DockerImage> _cache = <String, DockerImage>{};
+
+  DockerImage({
+    required this.repo,
+    required this.tag,
+    required this.id,
+    required this.created,
+    required this.size,
+  });
+
+  Map<String, dynamic> toJson() {
+    return {
+      'repo': repo,
+      'tag': tag,
+      'id': id,
+      'created': created,
+      'size': size,
+    };
+  }
+
+  factory DockerImage.fromRawStr(String raw) {
+    return _cache.putIfAbsent(raw, () => _parse(raw));
+  }
+
+  static DockerImage _parse(String raw) {
+    final match = _dockerImageReg.firstMatch(raw);
+    if (match == null) {
+      throw Exception('Invalid docker image: $raw');
+    }
+    return DockerImage(
+      repo: match.group(1)!,
+      tag: match.group(2)!,
+      id: match.group(3)!,
+      created: match.group(4)!,
+      size: match.group(5)!,
+    );
+  }
+}

lib/data/model/pkg/manager.dart

@@ -0,0 +1 @@
+enum PkgManager { apt, yum, zypper, pacman, opkg }

lib/data/model/pkg/upgrade_info.dart

@@ -0,0 +1,75 @@
+import 'package:toolbox/data/model/pkg/manager.dart';
+
+class UpgradePkgInfo {
+  final PkgManager? _mgr;
+
+  late String package;
+  late String nowVersion;
+  late String newVersion;
+  late String arch;
+
+  UpgradePkgInfo(String raw, this._mgr) {
+    switch (_mgr) {
+      case PkgManager.apt:
+        _parseApt(raw);
+        break;
+      case PkgManager.yum:
+        _parseYum(raw);
+        break;
+      case PkgManager.zypper:
+        _parseZypper(raw);
+        break;
+      case PkgManager.pacman:
+        _parsePacman(raw);
+        break;
+      case PkgManager.opkg:
+        _parseOpkg(raw);
+        break;
+      default:
+        throw Exception('Unsupported pkg type: $_mgr');
+    }
+  }
+
+  void _parseApt(String raw) {
+    final split1 = raw.split("/");
+    package = split1[0];
+    final split2 = split1[1].split(" ");
+    newVersion = split2[1];
+    arch = split2[2];
+    nowVersion = split2[5].replaceFirst(']', '');
+  }
+
+  void _parseYum(String raw) {
+    final result = RegExp(r'\S+').allMatches(raw);
+    final pkgAndArch = result.elementAt(0).group(0) ?? '.';
+    final split1 = pkgAndArch.split('.');
+    package = split1[0];
+    arch = split1[1];
+    newVersion = result.elementAt(1).group(0) ?? 'Unknown';
+    nowVersion = '';
+  }
+
+  void _parseZypper(String raw) {
+    final cols = raw.split("|");
+    package = cols[2].trim();
+    nowVersion = cols[3].trim();
+    newVersion = cols[4].trim();
+    arch = cols[5].trim();
+  }
+
+  void _parsePacman(String raw) {
+    final parts = raw.split(' ');
+    package = parts[0];
+    nowVersion = parts[1];
+    newVersion = parts[3];
+    arch = '';
+  }
+
+  void _parseOpkg(String raw) {
+    final parts = raw.split(' - ');
+    package = parts[0];
+    nowVersion = parts[1];
+    newVersion = parts[2];
+    arch = '';
+  }
+}

lib/data/model/server/cpu_2_status.dart

@@ -1,46 +1,53 @@
 import 'package:toolbox/data/model/server/cpu_status.dart';
 
 class Cpu2Status {
-  List<CpuStatus> pre;
-  List<CpuStatus> now;
+  List<CpuStatus> _pre;
+  List<CpuStatus> _now;
   String temp;
-  Cpu2Status(this.pre, this.now, this.temp);
+  Cpu2Status(this._pre, this._now, this.temp);
 
   double usedPercent({int coreIdx = 0}) {
-    if (now.length != pre.length) return 0;
-    final idleDelta = now[coreIdx].idle - pre[coreIdx].idle;
-    final totalDelta = now[coreIdx].total - pre[coreIdx].total;
+    if (_now.length != _pre.length) return 0;
+    final idleDelta = _now[coreIdx].idle - _pre[coreIdx].idle;
+    final totalDelta = _now[coreIdx].total - _pre[coreIdx].total;
     final used = idleDelta / totalDelta;
     return used.isNaN ? 0 : 100 - used * 100;
   }
 
   void update(List<CpuStatus> newStatus, String newTemp) {
-    pre = now;
-    now = newStatus;
+    _pre = _now;
+    _now = newStatus;
     temp = newTemp;
   }
 
-  int get coresCount => now.length;
+  int get coresCount => _now.length;
 
-  int get totalDelta => now[0].total - pre[0].total;
+  int get totalDelta => _now[0].total - _pre[0].total;
 
   double get user {
-    if (now.length != pre.length) return 0;
-    final delta = now[0].user - pre[0].user;
+    if (_now.length != _pre.length) return 0;
+    final delta = _now[0].user - _pre[0].user;
     final used = delta / totalDelta;
     return used.isNaN ? 0 : used * 100;
   }
 
   double get sys {
-    if (now.length != pre.length) return 0;
-    final delta = now[0].sys - pre[0].sys;
+    if (_now.length != _pre.length) return 0;
+    final delta = _now[0].sys - _pre[0].sys;
     final used = delta / totalDelta;
     return used.isNaN ? 0 : used * 100;
   }
 
   double get nice {
-    if (now.length != pre.length) return 0;
-    final delta = now[0].nice - pre[0].nice;
+    if (_now.length != _pre.length) return 0;
+    final delta = _now[0].nice - _pre[0].nice;
+    final used = delta / totalDelta;
+    return used.isNaN ? 0 : used * 100;
+  }
+
+  double get iowait {
+    if (_now.length != _pre.length) return 0;
+    final delta = _now[0].iowait - _pre[0].iowait;
     final used = delta / totalDelta;
     return used.isNaN ? 0 : used * 100;
   }

lib/data/model/server/dist.dart

@@ -0,0 +1,28 @@
+enum Dist {
+  debian,
+  ubuntu,
+  centos,
+  fedora,
+  opensuse,
+  kali,
+  wrt,
+  armbian,
+  arch,
+  rocky;
+
+  String? get iconPath {
+    return 'assets/linux/$name.png';
+  }
+}
+
+extension StringX on String {
+  Dist? get dist {
+    final lower = toLowerCase();
+    for (final dist in Dist.values) {
+      if (lower.contains(dist.name)) {
+        return dist;
+      }
+    }
+    return null;
+  }
+}

lib/data/model/server/linux_icon.dart

@@ -1,14 +0,0 @@
-class LinuxIcons {
-  List<String> db;
-
-  LinuxIcons(this.db);
-
-  String? search(String sysVer) {
-    for (var item in db) {
-      if (sysVer.toLowerCase().contains(item)) {
-        return 'assets/linux/$item.png';
-      }
-    }
-    return null;
-  }
-}

lib/data/model/server/memory.dart

@@ -2,14 +2,12 @@ class Memory {
   int total;
   int used;
   int free;
-  int shared;
   int cache;
   int avail;
   Memory(
       {required this.total,
       required this.used,
       required this.free,
-      required this.shared,
       required this.cache,
       required this.avail});
 }

lib/data/model/server/net_speed.dart

@@ -9,46 +9,46 @@ class NetSpeedPart {
 }
 
 class NetSpeed {
-  List<NetSpeedPart> old;
-  List<NetSpeedPart> now;
-  NetSpeed(this.old, this.now);
+  List<NetSpeedPart> _old;
+  List<NetSpeedPart> _now;
+  NetSpeed(this._old, this._now);
 
   List<String> get devices {
     final devices = <String>[];
-    for (var item in now) {
+    for (var item in _now) {
       devices.add(item.device);
     }
     return devices;
   }
 
   void update(List<NetSpeedPart> newOne) {
-    old = now;
-    now = newOne;
+    _old = _now;
+    _now = newOne;
   }
 
-  int get timeDiff => now[0].time - old[0].time;
+  int get timeDiff => _now[0].time - _old[0].time;
 
   String speedIn({String? device}) {
-    if (old[0].device == '' || now[0].device == '') return '0kb/s';
+    if (_old[0].device == '' || _now[0].device == '') return '0kb/s';
     final idx = deviceIdx(device);
     final speedInBytesPerSecond =
-        (now[idx].bytesIn - old[idx].bytesIn) / timeDiff;
+        (_now[idx].bytesIn - _old[idx].bytesIn) / timeDiff;
     return buildStandardOutput(speedInBytesPerSecond);
   }
 
   String speedOut({String? device}) {
-    if (old[0].device == '' || now[0].device == '') return '0kb/s';
+    if (_old[0].device == '' || _now[0].device == '') return '0kb/s';
     final idx = deviceIdx(device);
-    final speedInBytesPerSecond =
-        (now[idx].bytesOut - old[idx].bytesOut) / timeDiff;
-    return buildStandardOutput(speedInBytesPerSecond);
+    final speedOutBytesPerSecond =
+        (_now[idx].bytesOut - _old[idx].bytesOut) / timeDiff;
+    return buildStandardOutput(speedOutBytesPerSecond);
   }
 
   int deviceIdx(String? device) {
     if (device != null) {
-      for (var item in now) {
+      for (var item in _now) {
         if (item.device == device) {
-          return now.indexOf(item);
+          return _now.indexOf(item);
         }
       }
     }

lib/data/model/server/private_key_info.dart

@@ -1,8 +1,13 @@
 import 'dart:convert';
 
+import 'package:hive_flutter/hive_flutter.dart';
+
+part 'private_key_info.g.dart';
+
 ///
 /// Code generated by jsonToDartModel https://ashamp.github.io/jsonToDartModel/
 ///
+@HiveType(typeId: 1)
 class PrivateKeyInfo {
 /*
 {
@@ -12,8 +17,11 @@ class PrivateKeyInfo {
 } 
 */
 
+  @HiveField(0)
   late String id;
+  @HiveField(1)
   late String privateKey;
+  @HiveField(2)
   late String password;
 
   PrivateKeyInfo(

lib/data/model/server/private_key_info.g.dart

@@ -0,0 +1,47 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'private_key_info.dart';
+
+// **************************************************************************
+// TypeAdapterGenerator
+// **************************************************************************
+
+class PrivateKeyInfoAdapter extends TypeAdapter<PrivateKeyInfo> {
+  @override
+  final int typeId = 1;
+
+  @override
+  PrivateKeyInfo read(BinaryReader reader) {
+    final numOfFields = reader.readByte();
+    final fields = <int, dynamic>{
+      for (int i = 0; i < numOfFields; i++) reader.readByte(): reader.read(),
+    };
+    return PrivateKeyInfo(
+      fields[0] as String,
+      fields[1] as String,
+      fields[2] as String,
+    );
+  }
+
+  @override
+  void write(BinaryWriter writer, PrivateKeyInfo obj) {
+    writer
+      ..writeByte(3)
+      ..writeByte(0)
+      ..write(obj.id)
+      ..writeByte(1)
+      ..write(obj.privateKey)
+      ..writeByte(2)
+      ..write(obj.password);
+  }
+
+  @override
+  int get hashCode => typeId.hashCode;
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is PrivateKeyInfoAdapter &&
+          runtimeType == other.runtimeType &&
+          typeId == other.typeId;
+}

lib/data/model/server/server.dart

@@ -1,5 +1,4 @@
 import 'package:dartssh2/dartssh2.dart';
-import 'package:toolbox/data/model/server/server_connection_state.dart';
 import 'package:toolbox/data/model/server/server_private_info.dart';
 import 'package:toolbox/data/model/server/server_status.dart';
 
@@ -11,3 +10,5 @@ class ServerInfo {
 
   ServerInfo(this.info, this.status, this.client, this.connectionState);
 }
+
+enum ServerConnectionState { disconnected, connecting, connected, failed }

lib/data/model/server/server_connection_state.dart

@@ -1 +0,0 @@
-enum ServerConnectionState { disconnected, connecting, connected, failed }

lib/data/model/server/server_private_info.dart

@@ -1,8 +1,13 @@
 import 'dart:convert';
 
+import 'package:hive_flutter/hive_flutter.dart';
+
+part 'server_private_info.g.dart';
+
 ///
 /// Code generated by jsonToDartModel https://ashamp.github.io/jsonToDartModel/
 ///
+@HiveType(typeId: 3)
 class ServerPrivateInfo {
 /*
 {
@@ -13,26 +18,34 @@ class ServerPrivateInfo {
 } 
 */
 
+  @HiveField(0)
   late String name;
+  @HiveField(1)
   late String ip;
+  @HiveField(2)
   late int port;
+  @HiveField(3)
   late String user;
-  late Object authorization;
+  @HiveField(4)
+  late String pwd;
+  @HiveField(5)
   String? pubKeyId;
 
+  String get id => '$user@$ip:$port';
+
   ServerPrivateInfo(
       {required this.name,
       required this.ip,
       required this.port,
       required this.user,
-      required this.authorization,
+      required this.pwd,
       this.pubKeyId});
   ServerPrivateInfo.fromJson(Map<String, dynamic> json) {
     name = json["name"].toString();
     ip = json["ip"].toString();
     port = json["port"].toInt();
     user = json["user"].toString();
-    authorization = json["authorization"];
+    pwd = json["authorization"].toString();
     pubKeyId = json["pubKeyId"]?.toString();
   }
   Map<String, dynamic> toJson() {
@@ -41,7 +54,7 @@ class ServerPrivateInfo {
     data["ip"] = ip;
     data["port"] = port;
     data["user"] = user;
-    data["authorization"] = authorization;
+    data["authorization"] = pwd;
     data["pubKeyId"] = pubKeyId;
     return data;
   }

lib/data/model/server/server_private_info.g.dart

@@ -0,0 +1,56 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'server_private_info.dart';
+
+// **************************************************************************
+// TypeAdapterGenerator
+// **************************************************************************
+
+class ServerPrivateInfoAdapter extends TypeAdapter<ServerPrivateInfo> {
+  @override
+  final int typeId = 3;
+
+  @override
+  ServerPrivateInfo read(BinaryReader reader) {
+    final numOfFields = reader.readByte();
+    final fields = <int, dynamic>{
+      for (int i = 0; i < numOfFields; i++) reader.readByte(): reader.read(),
+    };
+    return ServerPrivateInfo(
+      name: fields[0] as String,
+      ip: fields[1] as String,
+      port: fields[2] as int,
+      user: fields[3] as String,
+      pwd: fields[4] as String,
+      pubKeyId: fields[5] as String?,
+    );
+  }
+
+  @override
+  void write(BinaryWriter writer, ServerPrivateInfo obj) {
+    writer
+      ..writeByte(6)
+      ..writeByte(0)
+      ..write(obj.name)
+      ..writeByte(1)
+      ..write(obj.ip)
+      ..writeByte(2)
+      ..write(obj.port)
+      ..writeByte(3)
+      ..write(obj.user)
+      ..writeByte(4)
+      ..write(obj.pwd)
+      ..writeByte(5)
+      ..write(obj.pubKeyId);
+  }
+
+  @override
+  int get hashCode => typeId.hashCode;
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is ServerPrivateInfoAdapter &&
+          runtimeType == other.runtimeType &&
+          typeId == other.typeId;
+}

lib/data/model/server/snippet.dart

@@ -1,7 +1,14 @@
 import 'dart:convert';
 
+import 'package:hive_flutter/hive_flutter.dart';
+
+part 'snippet.g.dart';
+
+@HiveType(typeId: 2)
 class Snippet {
+  @HiveField(0)
   late String name;
+  @HiveField(1)
   late String script;
   Snippet(this.name, this.script);
 

lib/data/model/server/snippet.g.dart

@@ -0,0 +1,44 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'snippet.dart';
+
+// **************************************************************************
+// TypeAdapterGenerator
+// **************************************************************************
+
+class SnippetAdapter extends TypeAdapter<Snippet> {
+  @override
+  final int typeId = 2;
+
+  @override
+  Snippet read(BinaryReader reader) {
+    final numOfFields = reader.readByte();
+    final fields = <int, dynamic>{
+      for (int i = 0; i < numOfFields; i++) reader.readByte(): reader.read(),
+    };
+    return Snippet(
+      fields[0] as String,
+      fields[1] as String,
+    );
+  }
+
+  @override
+  void write(BinaryWriter writer, Snippet obj) {
+    writer
+      ..writeByte(2)
+      ..writeByte(0)
+      ..write(obj.name)
+      ..writeByte(1)
+      ..write(obj.script);
+  }
+
+  @override
+  int get hashCode => typeId.hashCode;
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is SnippetAdapter &&
+          runtimeType == other.runtimeType &&
+          typeId == other.typeId;
+}

lib/data/model/sftp/absolute_path.dart

@@ -1,29 +1,35 @@
 class AbsolutePath {
-  String path;
-  String? _prePath;
-  AbsolutePath(this.path);
+  String _path;
+  String get path => _path;
+  final List<String> _prePath;
+
+  AbsolutePath(this._path) : _prePath = ['/'];
 
   void update(String newPath) {
-    _prePath = path;
+    _prePath.add(_path);
     if (newPath == '..') {
-      path = path.substring(0, path.lastIndexOf('/'));
-      if (path == '') {
-        path = '/';
+      _path = _path.substring(0, _path.lastIndexOf('/'));
+      if (_path == '') {
+        _path = '/';
       }
       return;
     }
     if (newPath == '/') {
-      path = '/';
+      _path = '/';
       return;
     }
-    path = path + (path.endsWith('/') ? '' : '/') + newPath;
+    if (newPath.startsWith('/')) {
+      _path = newPath;
+      return;
+    }
+    _path = _path + (_path.endsWith('/') ? '' : '/') + newPath;
   }
 
   bool undo() {
-    if (_prePath == null || _prePath == path) {
+    if (_prePath.isEmpty) {
       return false;
     }
-    path = _prePath!;
+    _path = _prePath.removeLast();
     return true;
   }
 }

lib/data/model/sftp/browser_status.dart

@@ -1,10 +1,7 @@
 import 'package:dartssh2/dartssh2.dart';
-import 'package:toolbox/data/model/server/server_private_info.dart';
 import 'package:toolbox/data/model/sftp/absolute_path.dart';
 
 class SftpBrowserStatus {
-  bool selected = false;
-  ServerPrivateInfo? spi;
   List<SftpName>? files;
   AbsolutePath? path;
   SftpClient? client;

lib/data/model/sftp/download_worker.dart

@@ -58,8 +58,7 @@ class SftpDownloadWorker {
         SSHClient client;
         if (spi.pubKeyId == null) {
           client = SSHClient(socket,
-              username: spi.user,
-              onPasswordRequest: () => spi.authorization as String);
+              username: spi.user, onPasswordRequest: () => spi.pwd);
         } else {
           client = SSHClient(socket,
               username: spi.user,

lib/data/provider/app.dart

@@ -1,20 +1,9 @@
 import 'package:toolbox/core/provider_base.dart';
-import 'package:toolbox/data/service/app.dart';
 
 class AppProvider extends BusyProvider {
-  Map? _notify;
-  Map? get notify => _notify;
   int? _newestBuild;
   int? get newestBuild => _newestBuild;
 
-  Future<void> loadData() async {
-    setBusyState(true);
-    final service = AppService();
-    _notify = await service.getNotify();
-    setBusyState(false);
-    notifyListeners();
-  }
-
   void setNewestBuild(int build) {
     _newestBuild = build;
     notifyListeners();

lib/data/provider/apt.dart

@@ -1,164 +0,0 @@
-import 'dart:async';
-import 'dart:convert';
-import 'dart:typed_data';
-
-import 'package:dartssh2/dartssh2.dart';
-import 'package:logging/logging.dart';
-import 'package:toolbox/core/extension/stringx.dart';
-import 'package:toolbox/core/extension/uint8list.dart';
-import 'package:toolbox/core/provider_base.dart';
-import 'package:toolbox/data/model/apt/upgrade_pkg_info.dart';
-import 'package:toolbox/data/model/distribution.dart';
-
-typedef PwdRequestFunc = Future<String> Function(
-    bool lastTimes, String? userName);
-final pwdRequestWithUserReg = RegExp(r'\[sudo\] password for (.+):');
-
-class AptProvider extends BusyProvider {
-  final logger = Logger('AptProvider');
-
-  SSHClient? client;
-  Distribution? dist;
-  Function()? onUpgrade;
-  Function()? onUpdate;
-  PwdRequestFunc? onPasswordRequest;
-
-  String? whoami;
-  List<UpgradePkgInfo>? upgradeable;
-  String? error;
-  String? upgradeLog;
-  String? updateLog;
-  String lastLog = '';
-  int triedTimes = 0;
-
-  AptProvider();
-
-  Future<void> init(SSHClient client, Distribution dist, Function() onUpgrade,
-      Function() onUpdate, PwdRequestFunc onPasswordRequest) async {
-    this.client = client;
-    this.dist = dist;
-    this.onUpgrade = onUpgrade;
-    this.onPasswordRequest = onPasswordRequest;
-    whoami = (await client.run('whoami').string).trim();
-  }
-
-  bool get isSU => whoami == 'root';
-
-  void clear() {
-    client = null;
-    dist = null;
-    upgradeable = null;
-    error = null;
-    upgradeLog = null;
-    updateLog = whoami = null;
-    onUpgrade = null;
-    onUpdate = null;
-    onPasswordRequest = null;
-    triedTimes = 0;
-  }
-
-  Future<void> refreshInstalled() async {
-    if (client == null) {
-      error = 'No client';
-      return;
-    }
-
-    final result = await _update();
-    try {
-      getUpgradeableList(result);
-    } catch (e) {
-      error = '[Server Raw]:\n$result\n[App Error]:\n$e';
-    } finally {
-      notifyListeners();
-    }
-  }
-
-  void getUpgradeableList(String? raw) {
-    if (raw == null) return;
-    var list = raw.split('\n');
-    switch (dist) {
-      case Distribution.rehl:
-        list = list.sublist(2);
-        list.removeWhere((element) => element.isEmpty);
-        final endLine = list.lastIndexWhere(
-            (element) => element.contains('Obsoleting Packages'));
-        list = list.sublist(0, endLine);
-        break;
-      default:
-        list = list.sublist(4);
-        list.removeWhere((element) => element.isEmpty);
-    }
-    upgradeable = list.map((e) => UpgradePkgInfo(e, dist!)).toList();
-  }
-
-  Future<String> _update() async {
-    switch (dist) {
-      case Distribution.rehl:
-        return await client?.run(_wrap('yum check-update')).string ?? '';
-      default:
-        final session = await client!.execute(_wrap('apt update'));
-        session.stderr.listen((event) => _onPwd(event, session.stdin));
-        session.stdout.listen((event) {
-          updateLog = (updateLog ?? '') + event.string;
-          notifyListeners();
-          onUpdate ?? () {}();
-        });
-        await session.done;
-        return await client
-                ?.run('apt list --upgradeable'.withLangExport)
-                .string ??
-            '';
-    }
-  }
-
-  Future<void> upgrade() async {
-    if (client == null) {
-      error = 'No client';
-      return;
-    }
-
-    final upgradeCmd = () {
-      switch (dist) {
-        case Distribution.rehl:
-          return 'yum upgrade -y';
-        default:
-          return 'apt upgrade -y';
-      }
-    }();
-
-    final session = await client!.execute(_wrap(upgradeCmd));
-    session.stderr.listen((e) => _onPwd(e, session.stdin));
-
-    session.stdout.listen((data) async {
-      final log = data.string;
-      if (lastLog == log.trim()) return;
-      upgradeLog = (upgradeLog ?? '') + log;
-      lastLog = log.trim();
-      notifyListeners();
-      onUpgrade!();
-    });
-
-    upgradeLog = null;
-    await session.done;
-    refreshInstalled();
-  }
-
-  Future<void> _onPwd(Uint8List e, StreamSink<Uint8List> stdin) async {
-    final event = e.string;
-    if (event.contains('[sudo] password for ')) {
-      final user = pwdRequestWithUserReg.firstMatch(event)?.group(1);
-      logger.info('sudo password request for $user');
-      triedTimes++;
-      final pwd =
-          await (onPasswordRequest ?? (_) async => '')(triedTimes == 3, user);
-      if (pwd.isEmpty) {
-        logger.info('sudo password request cancelled');
-        return;
-      }
-      stdin.add(Uint8List.fromList(utf8.encode('$pwd\n')));
-    }
-  }
-
-  String _wrap(String cmd) =>
-      'export LANG=en_US.utf-8 && ${isSU ? "" : "sudo -S "}$cmd';
-}

lib/data/provider/debug.dart

@@ -1,10 +1,38 @@
 import 'package:flutter/material.dart';
 
+/// format: [NAME][LEVEL]: MESSAGE
+final _headReg = RegExp(r'(\[[A-Za-z]+\])(\[[A-Z]+\]): (.*)');
+const _level2Color = {
+  '[INFO]': Colors.blue,
+  '[WARNING]': Colors.yellow,
+};
+
 class DebugProvider extends ChangeNotifier {
   final widgets = <Widget>[];
 
   void addText(String text) {
-    _addText(text);
+    final match = _headReg.allMatches(text);
+
+    if (match.isNotEmpty) {
+      addWidget(Text.rich(TextSpan(
+        children: [
+          TextSpan(
+            text: match.first.group(1),
+            style: const TextStyle(color: Colors.cyan),
+          ),
+          TextSpan(
+            text: match.first.group(2),
+            style: TextStyle(color: _level2Color[match.first.group(2)]),
+          ),
+          TextSpan(
+            text: '\n${match.first.group(3)}',
+          )
+        ],
+      )));
+    } else {
+      _addText(text);
+    }
+
     notifyListeners();
   }
 
@@ -45,17 +73,8 @@ class DebugProvider extends ChangeNotifier {
   }
 
   void _addWidget(Widget widget) {
-    final outlined = Container(
-      margin: const EdgeInsets.symmetric(vertical: 2),
-      decoration: BoxDecoration(
-        border: Border.all(
-          color: Colors.green,
-        ),
-      ),
-      child: widget,
-    );
-
-    widgets.add(outlined);
+    widgets.add(widget);
+    widgets.add(const SizedBox(height: 13));
   }
 
   void clear() {

lib/data/provider/docker.dart

@@ -1,107 +1,168 @@
+import 'dart:async';
+import 'dart:typed_data';
+
 import 'package:dartssh2/dartssh2.dart';
+import 'package:logging/logging.dart';
+import 'package:toolbox/core/extension/ssh_client.dart';
 import 'package:toolbox/core/extension/stringx.dart';
 import 'package:toolbox/core/extension/uint8list.dart';
 import 'package:toolbox/core/provider_base.dart';
+import 'package:toolbox/data/model/docker/image.dart';
 import 'package:toolbox/data/model/docker/ps.dart';
+import 'package:toolbox/data/res/error.dart';
+import 'package:toolbox/data/store/docker.dart';
+import 'package:toolbox/locator.dart';
 
-final dockerNotFound = RegExp(r'command not found|Unknown command');
+final _dockerNotFound = RegExp(r'command not found|Unknown command');
+final _versionReg = RegExp(r'(Version:)\s+([0-9]+\.[0-9]+\.[0-9]+)');
+final _editionReg = RegExp(r'(Client:)\s+(.+-.+)');
+final _dockerPrefixReg = RegExp(r'(sudo )?docker ');
+
+const _dockerPS = 'docker ps -a';
+const _dockerImgs = 'docker images';
+
+final _logger = Logger('DOCKER');
 
 class DockerProvider extends BusyProvider {
+  final dockerStore = locator<DockerStore>();
+
   SSHClient? client;
+  String? userName;
   List<DockerPsItem>? items;
+  List<DockerImage>? images;
   String? version;
   String? edition;
-  String? error;
+  DockerErr? error;
+  PwdRequestFunc? onPwdReq;
+  String? hostId;
+  String? runLog;
+  bool isRequestingPwd = false;
 
-  void init(SSHClient client) => this.client = client;
+  void init(SSHClient client, String userName, PwdRequestFunc onPwdReq,
+      String hostId) {
+    this.client = client;
+    this.userName = userName;
+    this.onPwdReq = onPwdReq;
+    this.hostId = hostId;
+  }
 
   void clear() {
-    client = null;
-    error = null;
-    items = null;
-    version = null;
-    edition = null;
+    client = userName = error = items = version = edition = onPwdReq = null;
+    isRequestingPwd = false;
+    hostId = runLog = images = null;
   }
 
   Future<void> refresh() async {
-    if (client == null) {
-      error = 'no client';
-      notifyListeners();
-      return;
-    }
-
     final verRaw = await client!.run('docker version'.withLangExport).string;
-    if (verRaw.contains(dockerNotFound)) {
-      error = 'docker not found';
-      notifyListeners();
+    if (verRaw.contains(_dockerNotFound)) {
+      error = DockerErr(type: DockerErrType.notInstalled);
+      setBusyState(false);
       return;
     }
-    final verSplit = verRaw.split('\n');
-    if (verSplit.length < 3) {
-      error = 'invalid version';
-      notifyListeners();
-      return;
-    } else {
-      try {
-        version = verSplit[1].split(' ').last;
-        edition = verSplit[0].split(': ')[1];
-      } catch (e) {
-        error = e.toString();
-        return;
-      }
-    }
-
-    final raw = await client!.run('docker ps -a'.withLangExport).string;
-    final lines = raw.split('\n');
-    lines.removeAt(0);
-    lines.removeWhere((element) => element.isEmpty);
 
     try {
-      items = lines.map((e) => DockerPsItem.fromRawString(e)).toList();
+      version = _versionReg.firstMatch(verRaw)?.group(2);
+      edition = _editionReg.firstMatch(verRaw)?.group(2);
     } catch (e) {
-      error = e.toString();
+      rethrow;
+    }
+
+    try {
+      setBusyState();
+      final cmd = _wrap(_dockerPS);
+
+      // run docker ps
+      var raw = '';
+      await client!.exec(
+        cmd,
+        onStderr: _onPwd,
+        onStdout: (data, _) => raw = '$raw$data',
+      );
+
+      // parse result
+      final lines = raw.split('\n');
+      lines.removeAt(0);
+      lines.removeWhere((element) => element.isEmpty);
+      items = lines.map((e) => DockerPsItem.fromRawString(e)).toList();
+
+      final imageCmd = _wrap(_dockerImgs);
+      raw = '';
+      await client!.exec(
+        imageCmd,
+        onStderr: _onPwd,
+        onStdout: (data, _) => raw = '$raw$data',
+      );
+
+      final imageLines = raw.split('\n');
+      imageLines.removeAt(0);
+      imageLines.removeWhere((element) => element.isEmpty);
+      images = imageLines.map((e) => DockerImage.fromRawStr(e)).toList();
+    } catch (e) {
+      error = DockerErr(type: DockerErrType.unknown, message: e.toString());
       rethrow;
     } finally {
-      notifyListeners();
+      setBusyState(false);
     }
   }
 
-  Future<bool> stop(String id) async {
-    setBusyState();
-    if (client == null) {
-      error = 'no client';
-      setBusyState(false);
-      return false;
+  Future<void> _onPwd(String event, StreamSink<Uint8List> stdin) async {
+    if (isRequestingPwd) return;
+    isRequestingPwd = true;
+    if (event.contains('[sudo] password for ')) {
+      _logger.info('sudo password request for $userName');
+      final pwd = await onPwdReq!();
+      if (pwd.isEmpty) {
+        _logger.info('sudo password request cancelled');
+        return;
+      }
+      stdin.add('$pwd\n'.uint8List);
     }
-    final result = await client!.run('docker stop $id').string;
-    await refresh();
-    setBusyState(false);
-    return result.contains(id);
+    isRequestingPwd = false;
   }
 
-  Future<bool> start(String id) async {
-    setBusyState();
-    if (client == null) {
-      error = 'no client';
-      setBusyState(false);
-      return false;
+  Future<DockerErr?> stop(String id) async => await run('docker stop $id');
+
+  Future<DockerErr?> start(String id) async => await run('docker start $id');
+
+  Future<DockerErr?> delete(String id) async => await run('docker rm $id');
+
+  Future<DockerErr?> run(String cmd) async {
+    if (!cmd.startsWith(_dockerPrefixReg)) {
+      return DockerErr(type: DockerErrType.cmdNoPrefix);
+    }
+    setBusyState();
+
+    runLog = '';
+    final errs = <String>[];
+    final code = await client!.exec(
+      _wrap(cmd),
+      onStderr: (data, sink) {
+        _onPwd(data, sink);
+        errs.add(data);
+      },
+      onStdout: (data, _) {
+        runLog = '$runLog$data';
+        notifyListeners();
+      },
+    );
+    runLog = null;
+
+    if (code != 0) {
+      setBusyState(false);
+      return DockerErr(
+          type: DockerErrType.unknown, message: errs.join('\n').trim());
     }
-    final result = await client!.run('docker start $id').string;
     await refresh();
     setBusyState(false);
-    return result.contains(id);
+    return null;
   }
 
-  Future<bool> delete(String id) async {
-    setBusyState();
-    if (client == null) {
-      error = 'no client';
-      setBusyState(false);
-      return false;
+  // judge whether to use DOCKER_HOST / sudo
+  String _wrap(String cmd) {
+    final dockerHost = dockerStore.getDockerHost(hostId!);
+    if (dockerHost == null || dockerHost.isEmpty) {
+      return 'sudo $cmd'.withLangExport;
     }
-    final result = await client!.run('docker rm $id').string;
-    await refresh();
-    setBusyState(false);
-    return result.contains(id);
+    return 'export DOCKER_HOST=$dockerHost && $cmd'.withLangExport;
   }
 }

lib/data/provider/pkg.dart

@@ -0,0 +1,216 @@
+import 'dart:async';
+import 'dart:typed_data';
+
+import 'package:dartssh2/dartssh2.dart';
+import 'package:logging/logging.dart';
+import 'package:toolbox/core/extension/ssh_client.dart';
+import 'package:toolbox/core/extension/stringx.dart';
+import 'package:toolbox/core/extension/uint8list.dart';
+import 'package:toolbox/core/provider_base.dart';
+import 'package:toolbox/data/model/pkg/manager.dart';
+import 'package:toolbox/data/model/pkg/upgrade_info.dart';
+import 'package:toolbox/data/model/server/dist.dart';
+
+class PkgProvider extends BusyProvider {
+  final logger = Logger('PKG');
+
+  SSHClient? client;
+  Dist? dist;
+  PkgManager? type;
+  Function()? onUpgrade;
+  Function()? onUpdate;
+  PwdRequestFunc? onPasswordRequest;
+
+  String? whoami;
+  List<UpgradePkgInfo>? upgradeable;
+  String? error;
+  String? upgradeLog;
+  String? updateLog;
+  String lastLog = '';
+  bool isRequestingPwd = false;
+
+  PkgProvider();
+
+  Future<void> init(
+      SSHClient client,
+      Dist? dist,
+      Function() onUpgrade,
+      Function() onUpdate,
+      PwdRequestFunc onPasswordRequest,
+      String user) async {
+    this.client = client;
+    this.dist = dist;
+    this.onUpgrade = onUpgrade;
+    this.onPasswordRequest = onPasswordRequest;
+    whoami = user;
+
+    switch (dist) {
+      case Dist.centos:
+      case Dist.rocky:
+      case Dist.fedora:
+        type = PkgManager.yum;
+        break;
+      case Dist.debian:
+      case Dist.ubuntu:
+      case Dist.kali:
+      case Dist.armbian:
+        type = PkgManager.apt;
+        break;
+      case Dist.opensuse:
+        type = PkgManager.zypper;
+        break;
+      case Dist.wrt:
+        type = PkgManager.opkg;
+        break;
+      case Dist.arch:
+        type = PkgManager.pacman;
+        break;
+      case null:
+        error = 'Unsupported dist: $dist';
+        break;
+    }
+  }
+
+  bool get isSU => whoami == 'root';
+
+  void clear() {
+    client = dist = updateLog = upgradeLog = upgradeable =
+        error = whoami = onUpdate = onUpgrade = onPasswordRequest = null;
+    isRequestingPwd = false;
+  }
+
+  Future<void> refresh() async {
+    final result = await _update();
+    try {
+      _parse(result);
+    } catch (e) {
+      error = '[Server Raw]:\n$result\n[App Error]:\n$e';
+    } finally {
+      notifyListeners();
+    }
+  }
+
+  void _parse(String? raw) {
+    if (raw == null) return;
+    var list = raw.split('\n');
+    switch (type) {
+      case PkgManager.yum:
+        list = list.sublist(2);
+        list.removeWhere((element) => element.isEmpty);
+        final endLine = list.lastIndexWhere(
+            (element) => element.contains('Obsoleting Packages'));
+        list = list.sublist(0, endLine);
+        break;
+      case PkgManager.apt:
+        // avoid other outputs
+        // such as: [Could not chdir to home directory /home/test: No such file or directory, , WARNING: apt does not have a stable CLI interface. Use with caution in scripts., , Listing...]
+        final idx =
+            list.indexWhere((element) => element.contains('[upgradable from:'));
+        if (idx == -1) {
+          upgradeable = [];
+          return;
+        }
+        list = list.sublist(idx);
+        list.removeWhere((element) => element.isEmpty);
+        break;
+      case PkgManager.zypper:
+        list = list.sublist(4);
+        break;
+      case PkgManager.pacman:
+      case PkgManager.opkg:
+        break;
+      default:
+        return;
+    }
+    upgradeable = list.map((e) => UpgradePkgInfo(e, type)).toList();
+  }
+
+  Future<String?> _update() async {
+    switch (type) {
+      case PkgManager.yum:
+        return await client?.run(_wrap('yum check-update')).string;
+      case PkgManager.apt:
+        await client!.exec(
+          _wrap('apt update'),
+          onStderr: _onPwd,
+          onStdout: (data, sink) {
+            updateLog = (updateLog ?? '') + data;
+            notifyListeners();
+            if (onUpdate != null) onUpdate!();
+          },
+        );
+        return await client
+            ?.run('apt list --upgradeable'.withLangExport)
+            .string;
+      case PkgManager.zypper:
+        return await client?.run(_wrap('zypper lu')).string;
+      case PkgManager.pacman:
+        await client?.run('pacman -Sy');
+        return await client?.run(_wrap('pacman -Qu')).string;
+      case PkgManager.opkg:
+        await client?.run('opkg update');
+        return await client?.run(_wrap('opkg list-upgradable')).string;
+      default:
+        error = 'Unsupported dist: $dist';
+        return null;
+    }
+  }
+
+  Future<void> upgrade() async {
+    final upgradeCmd = () {
+      switch (type) {
+        case PkgManager.yum:
+          return 'yum upgrade -y';
+        case PkgManager.apt:
+          return 'apt upgrade -y';
+        case PkgManager.zypper:
+          return 'zypper up -y';
+        case PkgManager.pacman:
+          return 'pacman -Syu --noconfirm';
+        case PkgManager.opkg:
+          return 'opkg upgrade ${upgradeable?.map((e) => e.package).join(" ")}';
+        default:
+          return null;
+      }
+    }();
+
+    if (upgradeCmd == null) {
+      error = 'Unsupported dist: $dist';
+      return;
+    }
+
+    await client!.exec(
+      _wrap(upgradeCmd),
+      onStderr: _onPwd,
+      onStdout: (log, sink) {
+        if (lastLog == log.trim()) return;
+        upgradeLog = (upgradeLog ?? '') + log;
+        lastLog = log.trim();
+        notifyListeners();
+        if (onUpgrade != null) onUpgrade!();
+      },
+    );
+
+    upgradeLog = null;
+    refresh();
+  }
+
+  Future<void> _onPwd(String event, StreamSink<Uint8List> stdin) async {
+    if (isRequestingPwd) return;
+    isRequestingPwd = true;
+    if (event.contains('[sudo] password for ')) {
+      final user = pwdRequestWithUserReg.firstMatch(event)?.group(1);
+      logger.info('sudo password request for $user');
+      final pwd = await onPasswordRequest!();
+      if (pwd.isEmpty) {
+        logger.info('sudo password request cancelled');
+        return;
+      }
+      stdin.add('$pwd\n'.uint8List);
+    }
+    isRequestingPwd = false;
+  }
+
+  String _wrap(String cmd) =>
+      'export LANG=en_US.utf-8 && ${isSU ? "" : "sudo -S "}$cmd';
+}

lib/data/provider/private_key.dart

@@ -26,7 +26,7 @@ class PrivateKeyProvider extends BusyProvider {
   void updateInfo(PrivateKeyInfo old, PrivateKeyInfo newInfo) {
     final idx = _infos.indexWhere((e) => e.id == old.id);
     _infos[idx] = newInfo;
-    locator<PrivateKeyStore>().update(old, newInfo);
+    locator<PrivateKeyStore>().put(newInfo);
     notifyListeners();
   }
 }

lib/data/provider/server.dart

@@ -10,7 +10,6 @@ import 'package:toolbox/data/model/server/cpu_2_status.dart';
 import 'package:toolbox/data/model/server/cpu_status.dart';
 import 'package:toolbox/data/model/server/memory.dart';
 import 'package:toolbox/data/model/server/net_speed.dart';
-import 'package:toolbox/data/model/server/server_connection_state.dart';
 import 'package:toolbox/data/model/server/disk_info.dart';
 import 'package:toolbox/data/model/server/server.dart';
 import 'package:toolbox/data/model/server/server_private_info.dart';
@@ -37,12 +36,13 @@ const shellCmd = "export LANG=en_US.utf-8 \necho '$seperator' \n"
     "uptime \necho $seperator \n"
     "cat /proc/net/snmp \necho $seperator \n"
     "df -h \necho $seperator \n"
-    "free -m \necho $seperator \n"
+    "cat /proc/meminfo \necho $seperator \n"
     "cat /sys/class/thermal/thermal_zone*/type \necho $seperator \n"
     "cat /sys/class/thermal/thermal_zone*/temp";
 const shellPath = '.serverbox.sh';
-const memPrefix = 'Mem:';
-final cpuTempReg = RegExp('(x86_pkg_temp|cpu_thermal)');
+final cpuTempReg = RegExp(r'(x86_pkg_temp|cpu_thermal)');
+final numReg = RegExp(r'\s{1,}');
+final memItemReg = RegExp(r'([A-Z].+:)\s+([0-9]+) kB');
 
 class ServerProvider extends BusyProvider {
   List<ServerInfo> _servers = [];
@@ -50,10 +50,10 @@ class ServerProvider extends BusyProvider {
 
   Timer? _timer;
 
-  final logger = Logger('ServerProvider');
+  final logger = Logger('SERVER');
 
   Memory get emptyMemory =>
-      Memory(total: 1, used: 0, free: 1, shared: 0, cache: 0, avail: 1);
+      Memory(total: 1, used: 0, free: 1, cache: 0, avail: 1);
 
   NetSpeedPart get emptyNetSpeedPart => NetSpeedPart('', 0, 0, 0);
 
@@ -91,8 +91,7 @@ class ServerProvider extends BusyProvider {
     final socket = await SSHSocket.connect(spi.ip, spi.port);
     if (spi.pubKeyId == null) {
       return SSHClient(socket,
-          username: spi.user,
-          onPasswordRequest: () => spi.authorization as String);
+          username: spi.user, onPasswordRequest: () => spi.pwd);
     }
     final key = locator<PrivateKeyStore>().get(spi.pubKeyId!);
     return SSHClient(socket,
@@ -133,6 +132,21 @@ class ServerProvider extends BusyProvider {
     }
   }
 
+  void closeServer({ServerPrivateInfo? spi}) {
+    if (spi == null) {
+      for (var i = 0; i < _servers.length; i++) {
+        _servers[i].client?.close();
+        _servers[i].client = null;
+      }
+      return;
+    }
+    final idx = _servers.indexWhere((e) => e.info == spi);
+    if (idx < 0) {
+      throw RangeError.index(idx, _servers);
+    }
+    _servers[idx].client?.close();
+  }
+
   void addServer(ServerPrivateInfo spi) {
     _servers.add(genInfo(spi));
     locator<ServerStore>().put(spi);
@@ -156,33 +170,35 @@ class ServerProvider extends BusyProvider {
       throw RangeError.index(idx, _servers);
     }
     _servers[idx].info = newSpi;
-    _servers[idx].client = await genClient(newSpi);
     locator<ServerStore>().update(old, newSpi);
+    _servers[idx].client = await genClient(newSpi);
     notifyListeners();
     refreshData(spi: newSpi);
   }
 
   Future<void> _getData(ServerPrivateInfo spi) async {
-    final idx = _servers.indexWhere((element) => element.info == spi);
-    final state = _servers[idx].connectionState;
-    if (_servers[idx].client == null ||
-        state == ServerConnectionState.failed ||
+    final s = _servers.firstWhere((element) => element.info == spi);
+    final state = s.connectionState;
+    if (state == ServerConnectionState.failed ||
         state == ServerConnectionState.disconnected) {
-      _servers[idx].connectionState = ServerConnectionState.connecting;
+      s.connectionState = ServerConnectionState.connecting;
       notifyListeners();
       final time1 = DateTime.now();
       try {
-        _servers[idx].client = await genClient(spi);
+        s.client = await genClient(spi);
         final time2 = DateTime.now();
         logger.info(
             'Connected to [${spi.name}] in [${time2.difference(time1).toString()}].');
-        _servers[idx].connectionState = ServerConnectionState.connected;
-        _servers[idx]
-            .client!
-            .run("echo '$shellCmd' > $shellPath && chmod +x $shellPath");
+        s.connectionState = ServerConnectionState.connected;
+        final writeResult = await s.client!
+            .run("echo '$shellCmd' > $shellPath && chmod +x $shellPath")
+            .string;
+        if (writeResult.isNotEmpty) {
+          throw Exception(writeResult);
+        }
       } catch (e) {
-        _servers[idx].connectionState = ServerConnectionState.failed;
-        _servers[idx].status.failedInfo = '$e ## ';
+        s.connectionState = ServerConnectionState.failed;
+        s.status.failedInfo = '$e ## ';
         logger.warning(e);
       } finally {
         notifyListeners();
@@ -190,23 +206,30 @@ class ServerProvider extends BusyProvider {
     }
 
     // if client is null, return
-    final si = _servers[idx];
-    if (si.client == null) return;
-    final raw = await si.client!.run("sh $shellPath").string;
-    final lines = raw.split(seperator).map((e) => e.trim()).toList();
-    lines.removeAt(0);
+    if (s.client == null) return;
+    final raw = await s.client!.run("sh $shellPath").string;
+    final segments = raw.split(seperator).map((e) => e.trim()).toList();
+    if (raw.isEmpty || segments.length == 1) {
+      s.connectionState = ServerConnectionState.failed;
+      if (s.status.failedInfo == null || s.status.failedInfo!.isEmpty) {
+        s.status.failedInfo = 'No data received';
+      }
+      notifyListeners();
+      return;
+    }
+    segments.removeAt(0);
 
     try {
-      _getCPU(spi, lines[2], lines[7], lines[8]);
-      _getMem(spi, lines[6]);
-      _getSysVer(spi, lines[1]);
-      _getUpTime(spi, lines[3]);
-      _getDisk(spi, lines[5]);
-      _getTcp(spi, lines[4]);
-      _getNetSpeed(spi, lines[0]);
+      _getCPU(spi, segments[2], segments[7], segments[8]);
+      _getMem(spi, segments[6]);
+      _getSysVer(spi, segments[1]);
+      _getUpTime(spi, segments[3]);
+      _getDisk(spi, segments[5]);
+      _getTcp(spi, segments[4]);
+      _getNetSpeed(spi, segments[0]);
     } catch (e) {
-      _servers[idx].connectionState = ServerConnectionState.failed;
-      servers[idx].status.failedInfo = e.toString();
+      s.connectionState = ServerConnectionState.failed;
+      s.status.failedInfo = e.toString();
       logger.warning(e);
       rethrow;
     } finally {
@@ -220,23 +243,9 @@ class ServerProvider extends BusyProvider {
   ///   lo: 45929941  269112    0    0    0     0          0         0 45929941  269112    0    0    0     0       0          0
   ///   eth0: 48481023  505772    0    0    0     0          0         0 36002262  202307    0    0    0     0       0          0
   /// 1635752901
-  void _getNetSpeed(ServerPrivateInfo spi, String raw) {
+  Future<void> _getNetSpeed(ServerPrivateInfo spi, String raw) async {
     final info = _servers.firstWhere((e) => e.info == spi);
-    final split = raw.split('\n');
-    final deviceCount = split.length - 3;
-    if (deviceCount < 1) return;
-    final time = int.parse(split[split.length - 1]);
-    final results = <NetSpeedPart>[];
-    for (int idx = 2; idx < deviceCount; idx++) {
-      final data = split[idx].trim().split(':');
-      final device = data.first;
-      final bytes = data.last.trim().split(' ');
-      bytes.removeWhere((element) => element == '');
-      final bytesIn = int.parse(bytes.first);
-      final bytesOut = int.parse(bytes[8]);
-      results.add(NetSpeedPart(device, bytesIn, bytesOut, time));
-    }
-    info.status.netSpeed.update(results);
+    info.status.netSpeed.update(await compute(_parseNetSpeed, raw));
   }
 
   void _getSysVer(ServerPrivateInfo spi, String raw) {
@@ -247,47 +256,14 @@ class ServerProvider extends BusyProvider {
     }
   }
 
-  String _getCPUTemp(String type, String value) {
-    const noMatch = "/sys/class/thermal/thermal_zone*/type";
-    // Not support to get CPU temperature
-    if (value.contains(noMatch) ||
-        type.contains(noMatch) ||
-        value.isEmpty ||
-        type.isEmpty) {
-      return '';
-    }
-    final split = type.split('\n');
-    int idx = 0;
-    for (var item in split) {
-      if (item.contains(cpuTempReg)) {
-        break;
-      }
-      idx++;
-    }
-    return '${(int.parse(value.split('\n')[idx].trim()) / 1000).toStringAsFixed(1)}°C';
-  }
-
-  void _getCPU(
-      ServerPrivateInfo spi, String raw, String tempType, String tempValue) {
+  Future<void> _getCPU(ServerPrivateInfo spi, String raw, String tempType,
+      String tempValue) async {
     final info = _servers.firstWhere((e) => e.info == spi);
-    final List<CpuStatus> cpus = [];
+    final cpus = await compute(_parseCPU, raw);
 
-    for (var item in raw.split('\n')) {
-      if (item == '') break;
-      final id = item.split(' ').first;
-      final matches = item.replaceFirst(id, '').trim().split(' ');
-      cpus.add(CpuStatus(
-          id,
-          int.parse(matches[0]),
-          int.parse(matches[1]),
-          int.parse(matches[2]),
-          int.parse(matches[3]),
-          int.parse(matches[4]),
-          int.parse(matches[5]),
-          int.parse(matches[6])));
-    }
     if (cpus.isNotEmpty) {
-      info.status.cpu2Status.update(cpus, _getCPUTemp(tempType, tempValue));
+      info.status.cpu2Status
+          .update(cpus, await compute(_getCPUTemp, [tempType, tempValue]));
     }
   }
 
@@ -296,14 +272,11 @@ class ServerProvider extends BusyProvider {
         raw.split('up ')[1].split(', ')[0];
   }
 
-  void _getTcp(ServerPrivateInfo spi, String raw) {
+  Future<void> _getTcp(ServerPrivateInfo spi, String raw) async {
     final info = _servers.firstWhere((e) => e.info == spi);
-    final lines = raw.split('\n');
-    final idx = lines.lastWhere((element) => element.startsWith('Tcp:'),
-        orElse: () => '');
-    if (idx != '') {
-      final vals = idx.split(RegExp(r'\s{1,}'));
-      info.status.tcp = TcpStatus(vals[5].i, vals[6].i, vals[7].i, vals[8].i);
+    final status = await compute(_parseTcp, raw);
+    if (status != null) {
+      info.status.tcp = status;
     }
   }
 
@@ -315,37 +288,118 @@ class ServerProvider extends BusyProvider {
       if (items.indexOf(item) == 0 || item.isEmpty) {
         continue;
       }
-      final vals = item.split(RegExp(r'\s{1,}'));
+      final vals = item.split(numReg);
       list.add(DiskInfo(vals[0], vals[5],
           int.parse(vals[4].replaceFirst('%', '')), vals[2], vals[1], vals[3]));
     }
     info.status.disk = list;
   }
 
-  void _getMem(ServerPrivateInfo spi, String raw) {
+  Future<void> _getMem(ServerPrivateInfo spi, String raw) async {
     final info = _servers.firstWhere((e) => e.info == spi);
-    for (var item in raw.split('\n')) {
-      if (item.contains(memPrefix)) {
-        final split = item.replaceFirst(memPrefix, '').split(' ');
-        split.removeWhere((e) => e == '');
-        final memList = split.map((e) => int.parse(e)).toList();
-        info.status.memory = Memory(
-            total: memList[0],
-            used: memList[1],
-            free: memList[2],
-            shared: memList[3],
-            cache: memList[4],
-            avail: memList[5]);
-        break;
-      }
-    }
+    final mem = await compute(_parseMem, raw);
+    info.status.memory = mem;
   }
 
-  Future<String?> runSnippet(ServerPrivateInfo spi, Snippet snippet) async {
-    return await _servers
-        .firstWhere((element) => element.info == spi)
-        .client!
-        .run(snippet.script)
-        .string;
+  Future<String?> runSnippet(String id, Snippet snippet) async {
+    final client =
+        _servers.firstWhere((element) => element.info.id == id).client;
+    if (client == null) {
+      return null;
+    }
+    return await client.run(snippet.script).string;
   }
 }
+
+Memory _parseMem(String raw) {
+  final items = raw.split('\n').map((e) => memItemReg.firstMatch(e)).toList();
+  final total = int.parse(
+      items.firstWhere((e) => e?.group(1) == 'MemTotal:')?.group(2) ?? '1');
+  final free = int.parse(
+      items.firstWhere((e) => e?.group(1) == 'MemFree:')?.group(2) ?? '0');
+  final cached = int.parse(
+      items.firstWhere((e) => e?.group(1) == 'Cached:')?.group(2) ?? '0');
+  final available = int.parse(
+      items.firstWhere((e) => e?.group(1) == 'MemAvailable:')?.group(2) ?? '0');
+  return Memory(
+      total: total,
+      used: total - available,
+      free: free,
+      cache: cached,
+      avail: available);
+}
+
+TcpStatus? _parseTcp(String raw) {
+  final lines = raw.split('\n');
+  final idx = lines.lastWhere((element) => element.startsWith('Tcp:'),
+      orElse: () => '');
+  if (idx != '') {
+    final vals = idx.split(numReg);
+    return TcpStatus(vals[5].i, vals[6].i, vals[7].i, vals[8].i);
+  }
+  return null;
+}
+
+List<CpuStatus> _parseCPU(String raw) {
+  final List<CpuStatus> cpus = [];
+
+  for (var item in raw.split('\n')) {
+    if (item == '') break;
+    final id = item.split(' ').first;
+    final matches = item.replaceFirst(id, '').trim().split(' ');
+    cpus.add(CpuStatus(
+        id,
+        int.parse(matches[0]),
+        int.parse(matches[1]),
+        int.parse(matches[2]),
+        int.parse(matches[3]),
+        int.parse(matches[4]),
+        int.parse(matches[5]),
+        int.parse(matches[6])));
+  }
+  return cpus;
+}
+
+String _getCPUTemp(List<String> segments) {
+  const noMatch = "/sys/class/thermal/thermal_zone*/type";
+  final type = segments[0];
+  final value = segments[1];
+  // Not support to get CPU temperature
+  if (value.contains(noMatch) ||
+      type.contains(noMatch) ||
+      value.isEmpty ||
+      type.isEmpty) {
+    return '';
+  }
+  final split = type.split('\n');
+  int idx = 0;
+  for (var item in split) {
+    if (item.contains(cpuTempReg)) {
+      break;
+    }
+    idx++;
+  }
+  final valueSplited = value.split('\n');
+  if (idx >= valueSplited.length) return '';
+  final temp = int.tryParse(valueSplited[idx].trim());
+  if (temp == null) return '';
+  return '${(temp / 1000).toStringAsFixed(1)}°C';
+}
+
+List<NetSpeedPart> _parseNetSpeed(String raw) {
+  final split = raw.split('\n');
+  final deviceCount = split.length - 3;
+  if (deviceCount < 1) return [];
+  final time = int.parse(split[split.length - 1]);
+  final results = <NetSpeedPart>[];
+  for (int idx = 2; idx < deviceCount; idx++) {
+    final data = split[idx].trim().split(':');
+    final device = data.first;
+    final bytes = data.last.trim().split(' ');
+    bytes.removeWhere((element) => element == '');
+    final bytesIn = int.parse(bytes.first);
+    final bytesOut = int.parse(bytes[8]);
+    results.add(NetSpeedPart(device, bytesIn, bytesOut, time));
+  }
+  return results;
+}

lib/data/provider/snippet.dart

@@ -38,7 +38,7 @@ class SnippetProvider extends BusyProvider {
   void update(Snippet old, Snippet newOne) {
     if (!have(old)) return;
     _snippets[index(old)] = newOne;
-    locator<SnippetStore>().update(old, newOne);
+    locator<SnippetStore>().put(newOne);
     notifyListeners();
   }
 

lib/data/res/build_data.dart

@@ -2,9 +2,9 @@
 
 class BuildData {
   static const String name = "ServerBox";
-  static const int build = 136;
+  static const int build = 187;
   static const String engine =
-      "Flutter 3.0.0 • channel stable • https://github.com/flutter/flutter.git\nFramework • revision ee4e09cce0 (9 days ago) • 2022-05-09 16:45:18 -0700\nEngine • revision d1b9a6938a\nTools • Dart 2.17.0 • DevTools 2.12.2\n";
-  static const String buildAt = "2022-05-19 15:59:10.728748";
-  static const int modifications = 15;
+      "Flutter 3.7.0 • channel stable • https://github.com/flutter/flutter.git\nFramework • revision b06b8b2710 (4 days ago) • 2023-01-23 16:55:55 -0800\nEngine • revision b24591ed32\nTools • Dart 2.19.0 • DevTools 2.20.1\n";
+  static const String buildAt = "2023-01-28 13:54:17.985459";
+  static const int modifications = 13;
 }

lib/data/res/color.dart

@@ -18,4 +18,4 @@ class DynamicColor {
 }
 
 final mainColor = DynamicColor(Colors.black87, Colors.white70);
-final progressColor = DynamicColor(Colors.grey.shade100, Colors.grey);
+final progressColor = DynamicColor(Colors.grey.shade100, Colors.white10);

lib/data/res/error.dart

@@ -0,0 +1,28 @@
+enum ErrFrom {
+  unknown,
+  apt,
+  docker,
+  sftp,
+  ssh,
+}
+
+abstract class Err<T> {
+  final ErrFrom from;
+  final T type;
+  final String? message;
+
+  Err({required this.from, required this.type, this.message});
+}
+
+enum DockerErrType {
+  unknown,
+  noClient,
+  notInstalled,
+  invalidVersion,
+  cmdNoPrefix
+}
+
+class DockerErr extends Err<DockerErrType> {
+  DockerErr({required DockerErrType type, String? message})
+      : super(from: ErrFrom.docker, type: type, message: message);
+}

lib/data/res/font_style.dart

@@ -1,4 +1,9 @@
 import 'package:flutter/material.dart';
 
-const TextStyle size18 = TextStyle(fontSize: 18);
-const TextStyle grey = TextStyle(color: Colors.grey);
+const textSize18 = TextStyle(fontSize: 18);
+const textSize11 = TextStyle(fontSize: 11);
+const textSize13 = TextStyle(fontSize: 13);
+const textSize13Grey = TextStyle(color: Colors.grey, fontSize: 13);
+const textSize27 = TextStyle(fontSize: 27);
+
+const grey = TextStyle(color: Colors.grey);

lib/data/res/icon/linux_icons.dart

@@ -1,4 +0,0 @@
-import 'package:toolbox/data/model/server/linux_icon.dart';
-
-final linuxIcons = LinuxIcons(
-    ['ubuntu', 'arch', 'centos', 'debian', 'fedora', 'opensuse', 'kali']);

lib/data/res/terminal_theme.dart

@@ -0,0 +1,54 @@
+import 'package:flutter/material.dart';
+import 'package:xterm/ui.dart';
+
+const termDarkTheme = TerminalTheme(
+  cursor: Color(0XAAAEAFAD),
+  selection: Color(0XAAAEAFAD),
+  foreground: Color(0XFFCCCCCC),
+  background: Colors.black,
+  black: Color(0XFF000000),
+  red: Color(0XFFCD3131),
+  green: Color(0XFF0DBC79),
+  yellow: Color(0XFFE5E510),
+  blue: Color(0XFF2472C8),
+  magenta: Color(0XFFBC3FBC),
+  cyan: Color(0XFF11A8CD),
+  white: Color(0XFFE5E5E5),
+  brightBlack: Color(0XFF666666),
+  brightRed: Color(0XFFF14C4C),
+  brightGreen: Color(0XFF23D18B),
+  brightYellow: Color(0XFFF5F543),
+  brightBlue: Color(0XFF3B8EEA),
+  brightMagenta: Color(0XFFD670D6),
+  brightCyan: Color(0XFF29B8DB),
+  brightWhite: Color(0XFFFFFFFF),
+  searchHitBackground: Color(0XFFFFFF2B),
+  searchHitBackgroundCurrent: Color(0XFF31FF26),
+  searchHitForeground: Color(0XFF000000),
+);
+
+const termLightTheme = TerminalTheme(
+  cursor: Color(0XFFAEAFAD),
+  selection: Color(0XFFAEAFAD),
+  foreground: Color(0XFF000000),
+  background: Color(0XFFFFFFFF),
+  black: Color(0XFF000000),
+  red: Color(0XFFCD3131),
+  green: Color(0XFF0DBC79),
+  yellow: Color(0XFFE5E510),
+  blue: Color(0XFF2472C8),
+  magenta: Color(0XFFBC3FBC),
+  cyan: Color(0XFF11A8CD),
+  white: Color(0XFFE5E5E5),
+  brightBlack: Color(0XFF666666),
+  brightRed: Color(0XFFF14C4C),
+  brightGreen: Color(0XFF23D18B),
+  brightYellow: Color(0XFFF5F543),
+  brightBlue: Color(0XFF3B8EEA),
+  brightMagenta: Color(0XFFD670D6),
+  brightCyan: Color(0XFF29B8DB),
+  brightWhite: Color(0XFFFFFFFF),
+  searchHitBackground: Color(0XFFFFFF2B),
+  searchHitBackgroundCurrent: Color(0XFF31FF26),
+  searchHitForeground: Color(0XFF000000),
+);

lib/data/res/url.dart

@@ -1,6 +1,7 @@
 const backendUrl = 'https://res.lolli.tech';
 const baseUrl = '$backendUrl/toolbox';
 const joinQQGroupUrl = 'https://jq.qq.com/?_wv=1027&k=G0hUmPAq';
-const myGithub = 'https://github.com/LollipopKit';
+const myGithub = 'https://github.com/lollipopkit';
 const rainSunMeGithub = 'https://github.com/RainSunMe';
-const issueUrl = 'https://github.com/LollipopKit/flutter_server_box/issues';
+const fectureGithub = 'https://github.com/fecture';
+const issueUrl = '$myGithub/flutter_server_box/issues';

lib/data/service/app.dart

@@ -3,11 +3,6 @@ import 'package:toolbox/data/model/app/update.dart';
 import 'package:toolbox/data/res/url.dart';
 
 class AppService {
-  Future<Map> getNotify() async {
-    final resp = await Dio().get('$baseUrl/notify.json');
-    return resp.data;
-  }
-
   Future<AppUpdate> getUpdate() async {
     final resp = await Dio().get('$baseUrl/update.json');
     return AppUpdate.fromJson(resp.data);

lib/data/store/docker.dart

@@ -0,0 +1,11 @@
+import 'package:toolbox/core/persistant_store.dart';
+
+class DockerStore extends PersistentStore {
+  String? getDockerHost(String id) {
+    return box.get(id);
+  }
+
+  void setDockerHost(String id, String host) {
+    box.put(id, host);
+  }
+}

lib/data/store/private_key.dart

@@ -1,38 +1,28 @@
-import 'dart:convert';
-
 import 'package:toolbox/core/persistant_store.dart';
 import 'package:toolbox/data/model/server/private_key_info.dart';
 
 class PrivateKeyStore extends PersistentStore {
   void put(PrivateKeyInfo info) {
-    final ss = fetch();
-    if (!have(info)) ss.add(info);
-    box.put('key', json.encode(ss));
+    box.put(info.id, info);
   }
 
   List<PrivateKeyInfo> fetch() {
-    return getPrivateKeyInfoList(
-        json.decode(box.get('key', defaultValue: '[]')!));
+    final keys = box.keys;
+    final ps = <PrivateKeyInfo>[];
+    for (final key in keys) {
+      final s = box.get(key);
+      if (s != null) {
+        ps.add(s);
+      }
+    }
+    return ps;
   }
 
   PrivateKeyInfo get(String id) {
-    final ss = fetch();
-    return ss.firstWhere((e) => e.id == id);
+    return box.get(id);
   }
 
   void delete(PrivateKeyInfo s) {
-    final ss = fetch();
-    ss.removeAt(index(s));
-    box.put('key', json.encode(ss));
+    box.delete(s.id);
   }
-
-  void update(PrivateKeyInfo old, PrivateKeyInfo newInfo) {
-    final ss = fetch();
-    ss[index(old)] = newInfo;
-    box.put('key', json.encode(ss));
-  }
-
-  int index(PrivateKeyInfo s) => fetch().indexWhere((e) => e.id == s.id);
-
-  bool have(PrivateKeyInfo s) => index(s) != -1;
 }

lib/data/store/server.dart

@@ -1,38 +1,33 @@
-import 'dart:convert';
-
 import 'package:toolbox/core/persistant_store.dart';
 import 'package:toolbox/data/model/server/server_private_info.dart';
 
 class ServerStore extends PersistentStore {
   void put(ServerPrivateInfo info) {
-    final ss = fetch();
-    if (!have(info)) ss.add(info);
-    box.put('servers', json.encode(ss));
+    box.put(info.id, info);
   }
 
   List<ServerPrivateInfo> fetch() {
-    return getServerInfoList(
-        json.decode(box.get('servers', defaultValue: '[]')!));
+    final ids = box.keys;
+    final List<ServerPrivateInfo> ss = [];
+    for (final id in ids) {
+      final s = box.get(id);
+      if (s != null) {
+        ss.add(s);
+      }
+    }
+    return ss;
   }
 
   void delete(ServerPrivateInfo s) {
-    final ss = fetch();
-    ss.removeAt(index(s));
-    box.put('servers', json.encode(ss));
+    box.delete(s.id);
   }
 
   void update(ServerPrivateInfo old, ServerPrivateInfo newInfo) {
-    final ss = fetch();
-    final idx = index(old);
-    if (idx < 0) {
-      throw RangeError.index(idx, ss);
+    if (!have(old)) {
+      throw Exception('Old ServerPrivateInfo not found');
     }
-    ss[idx] = newInfo;
-    box.put('servers', json.encode(ss));
+    put(newInfo);
   }
 
-  int index(ServerPrivateInfo s) => fetch()
-      .indexWhere((e) => e.ip == s.ip && e.port == s.port && e.user == e.user);
-
-  bool have(ServerPrivateInfo s) => index(s) != -1;
+  bool have(ServerPrivateInfo s) => box.get(s.id) != null;
 }

lib/data/store/setting.dart

@@ -4,7 +4,18 @@ import 'package:toolbox/core/persistant_store.dart';
 class SettingStore extends PersistentStore {
   StoreProperty<int> get primaryColor =>
       property('primaryColor', defaultValue: Colors.deepPurpleAccent.value);
+
   StoreProperty<int> get serverStatusUpdateInterval =>
-      property('serverStatusUpdateInterval', defaultValue: 2);
+      property('serverStatusUpdateInterval', defaultValue: 5);
+
+  /// Lanch page idx
   StoreProperty<int> get launchPage => property('launchPage', defaultValue: 0);
+
+  /// Version of store db
+  StoreProperty<int> get storeVersion =>
+      property('storeVersion', defaultValue: 0);
+
+  /// Show logo on server detail page
+  StoreProperty<bool> get showDistLogo =>
+      property('showDistLogo', defaultValue: true);
 }

lib/data/store/snippet.dart

@@ -1,32 +1,24 @@
-import 'dart:convert';
-
 import 'package:toolbox/core/persistant_store.dart';
 import 'package:toolbox/data/model/server/snippet.dart';
 
 class SnippetStore extends PersistentStore {
   void put(Snippet snippet) {
-    final ss = fetch();
-    if (!have(snippet)) ss.add(snippet);
-    box.put('snippet', json.encode(ss));
+    box.put(snippet.name, snippet);
   }
 
   List<Snippet> fetch() {
-    return getSnippetList(json.decode(box.get('snippet', defaultValue: '[]')!));
+    final keys = box.keys;
+    final ss = <Snippet>[];
+    for (final key in keys) {
+      final s = box.get(key);
+      if (s != null) {
+        ss.add(s);
+      }
+    }
+    return ss;
   }
 
   void delete(Snippet s) {
-    final ss = fetch();
-    ss.removeAt(index(s));
-    box.put('snippet', json.encode(ss));
+    box.delete(s.name);
   }
-
-  void update(Snippet old, Snippet newInfo) {
-    final ss = fetch();
-    ss[index(old)] = newInfo;
-    box.put('snippet', json.encode(ss));
-  }
-
-  int index(Snippet s) => fetch().indexWhere((e) => e.name == s.name);
-
-  bool have(Snippet s) => index(s) != -1;
 }

lib/generated/intl/messages_all.dart

@@ -11,6 +11,7 @@
 
 import 'dart:async';
 
+import 'package:flutter/foundation.dart';
 import 'package:intl/intl.dart';
 import 'package:intl/message_lookup_by_library.dart';
 import 'package:intl/src/intl_helpers.dart';
@@ -20,8 +21,8 @@ import 'messages_zh.dart' as messages_zh;
 
 typedef Future<dynamic> LibraryLoader();
 Map<String, LibraryLoader> _deferredLibraries = {
-  'en': () => new Future.value(null),
-  'zh': () => new Future.value(null),
+  'en': () => new SynchronousFuture(null),
+  'zh': () => new SynchronousFuture(null),
 };
 
 MessageLookupByLibrary? _findExact(String localeName) {
@@ -36,18 +37,18 @@ MessageLookupByLibrary? _findExact(String localeName) {
 }
 
 /// User programs should call this before using [localeName] for messages.
-Future<bool> initializeMessages(String localeName) async {
+Future<bool> initializeMessages(String localeName) {
   var availableLocale = Intl.verifiedLocale(
       localeName, (locale) => _deferredLibraries[locale] != null,
       onFailure: (_) => null);
   if (availableLocale == null) {
-    return new Future.value(false);
+    return new SynchronousFuture(false);
   }
   var lib = _deferredLibraries[availableLocale];
-  await (lib == null ? new Future.value(false) : lib());
+  lib == null ? new SynchronousFuture(false) : lib();
   initializeInternalMessageLookup(() => new CompositeMessageLookup());
   messageLookup.addLocale(availableLocale, _findGeneratedMessagesFor);
-  return new Future.value(true);
+  return new SynchronousFuture(true);
 }
 
 bool _messagesExistFor(String locale) {

lib/generated/intl/messages_en.dart

@@ -20,10 +20,9 @@ typedef String MessageIfAbsent(String messageStr, List<dynamic> args);
 class MessageLookup extends MessageLookupByLibrary {
   String get localeName => 'en';
 
-  static String m0(rainSunMeGithub) =>
-      "\nThanks ${rainSunMeGithub} for participating in the test.\n\nAll rights reserved.";
+  static String m0(fileName) => "Download [${fileName}] to local?";
 
-  static String m1(fileName) => "Download [${fileName}] to local?";
+  static String m1(count) => "${count} images";
 
   static String m2(runningCount, stoppedCount) =>
       "${runningCount} running, ${stoppedCount} container stopped.";
@@ -43,22 +42,29 @@ class MessageLookup extends MessageLookupByLibrary {
 
   static String m9(url) => "Please report bugs on ${url}";
 
-  static String m10(time) => "Spent time: ${time}";
+  static String m10(date) => "Are you sure to restore from ${date} ?";
 
-  static String m11(name) => "Are you sure to delete [${name}]?";
+  static String m11(time) => "Spent time: ${time}";
 
-  static String m12(server) => "Are you sure to delete server [${server}]?";
+  static String m12(url) =>
+      "This function is now in the experimental stage. \nPlease report bugs on ${url} or join our development.";
 
-  static String m13(build) => "Found: v1.0.${build}, click to update";
+  static String m13(name) => "Are you sure to delete [${name}]?";
 
-  static String m14(build) => "Current: v1.0.${build}";
+  static String m14(server) => "Are you sure to delete server [${server}]?";
 
-  static String m15(build) => "Current: v1.0.${build}, is up to date";
+  static String m15(build) => "Found: v1.0.${build}, click to update";
+
+  static String m16(build) => "Current: v1.0.${build}";
+
+  static String m17(build) => "Current: v1.0.${build}, is up to date";
 
   final messages = _notInlinedMessages(_notInlinedMessages);
   static Map<String, Function> _notInlinedMessages(_) => <String, Function>{
-        "aboutThanks": m0,
+        "aboutThanks": MessageLookupByLibrary.simpleMessage(
+            "\nAll rights reserved.\n\nThanks to the following people who participated in the test."),
         "addAServer": MessageLookupByLibrary.simpleMessage("add a server"),
+        "addOne": MessageLookupByLibrary.simpleMessage("Add one"),
         "addPrivateKey":
             MessageLookupByLibrary.simpleMessage("Add private key"),
         "alreadyLastDir":
@@ -67,6 +73,11 @@ class MessageLookup extends MessageLookupByLibrary {
             MessageLookupByLibrary.simpleMessage("App primary color"),
         "attention": MessageLookupByLibrary.simpleMessage("Attention"),
         "backDir": MessageLookupByLibrary.simpleMessage("Back"),
+        "backup": MessageLookupByLibrary.simpleMessage("Backup"),
+        "backupTip": MessageLookupByLibrary.simpleMessage(
+            "The exported data is simply encrypted. \nPlease keep it safe.\nRestoring will not overwrite existing data (except setting)."),
+        "backupVersionNotMatch": MessageLookupByLibrary.simpleMessage(
+            "Backup version is not match."),
         "cancel": MessageLookupByLibrary.simpleMessage("Cancel"),
         "choose": MessageLookupByLibrary.simpleMessage("Choose"),
         "chooseDestination":
@@ -74,7 +85,9 @@ class MessageLookup extends MessageLookupByLibrary {
         "choosePrivateKey":
             MessageLookupByLibrary.simpleMessage("Choose private key"),
         "clear": MessageLookupByLibrary.simpleMessage("Clear"),
+        "clickSee": MessageLookupByLibrary.simpleMessage("Click here"),
         "close": MessageLookupByLibrary.simpleMessage("Close"),
+        "cmd": MessageLookupByLibrary.simpleMessage("Command"),
         "containerStatus":
             MessageLookupByLibrary.simpleMessage("Container status"),
         "convert": MessageLookupByLibrary.simpleMessage("Convert"),
@@ -87,7 +100,17 @@ class MessageLookup extends MessageLookupByLibrary {
         "decode": MessageLookupByLibrary.simpleMessage("Decode"),
         "delete": MessageLookupByLibrary.simpleMessage("Delete"),
         "disconnected": MessageLookupByLibrary.simpleMessage("Disconnected"),
-        "dl2Local": m1,
+        "dl2Local": m0,
+        "dockerContainerName":
+            MessageLookupByLibrary.simpleMessage("Container name"),
+        "dockerEditHost":
+            MessageLookupByLibrary.simpleMessage("Edit DOCKER_HOST"),
+        "dockerEmptyRunningItems": MessageLookupByLibrary.simpleMessage(
+            "No running container. \nIt may be that the env DOCKER_HOST is not read correctly. You can found it by running `echo \$DOCKER_HOST` in terminal."),
+        "dockerImage": MessageLookupByLibrary.simpleMessage("Image"),
+        "dockerImagesFmt": m1,
+        "dockerNotInstalled":
+            MessageLookupByLibrary.simpleMessage("Docker not installed"),
         "dockerStatusRunningAndStoppedFmt": m2,
         "dockerStatusRunningFmt": m3,
         "download": MessageLookupByLibrary.simpleMessage("Download"),
@@ -101,6 +124,10 @@ class MessageLookup extends MessageLookupByLibrary {
         "experimentalFeature":
             MessageLookupByLibrary.simpleMessage("Experimental feature"),
         "export": MessageLookupByLibrary.simpleMessage("Export"),
+        "extraArgs": MessageLookupByLibrary.simpleMessage("Extra args"),
+        "feedback": MessageLookupByLibrary.simpleMessage("Feedback"),
+        "feedbackOnGithub": MessageLookupByLibrary.simpleMessage(
+            "If you have any questions, please feedback on Github."),
         "fieldMustNotEmpty": MessageLookupByLibrary.simpleMessage(
             "These fields must not be empty."),
         "files": MessageLookupByLibrary.simpleMessage("Files"),
@@ -108,15 +135,23 @@ class MessageLookup extends MessageLookupByLibrary {
         "go": MessageLookupByLibrary.simpleMessage("Go"),
         "goSftpDlPage":
             MessageLookupByLibrary.simpleMessage("Go to SFTP download page?"),
+        "goto": MessageLookupByLibrary.simpleMessage("Go to"),
         "host": MessageLookupByLibrary.simpleMessage("Host"),
         "httpFailedWithCode": m6,
+        "imagesList": MessageLookupByLibrary.simpleMessage("Images list"),
         "import": MessageLookupByLibrary.simpleMessage("Import"),
         "importAndExport":
             MessageLookupByLibrary.simpleMessage("Import and Export"),
+        "inputDomainHere":
+            MessageLookupByLibrary.simpleMessage("Input Domain here"),
         "install": MessageLookupByLibrary.simpleMessage("install"),
         "installDockerWithUrl": MessageLookupByLibrary.simpleMessage(
             "Please https://docs.docker.com/engine/install docker first."),
+        "invalidJson": MessageLookupByLibrary.simpleMessage("Invalid JSON"),
+        "invalidVersion":
+            MessageLookupByLibrary.simpleMessage("Invalid version"),
         "invalidVersionHelp": m7,
+        "isBusy": MessageLookupByLibrary.simpleMessage("Is busy now"),
         "keepForeground":
             MessageLookupByLibrary.simpleMessage("Keep app foreground!"),
         "keyAuth": MessageLookupByLibrary.simpleMessage("Key Auth"),
@@ -125,12 +160,13 @@ class MessageLookup extends MessageLookupByLibrary {
         "license": MessageLookupByLibrary.simpleMessage("License"),
         "loadingFiles":
             MessageLookupByLibrary.simpleMessage("Loading files..."),
-        "loss": MessageLookupByLibrary.simpleMessage("Loss"),
+        "loss": MessageLookupByLibrary.simpleMessage("loss"),
         "madeWithLove": m8,
         "max": MessageLookupByLibrary.simpleMessage("max"),
         "min": MessageLookupByLibrary.simpleMessage("min"),
         "ms": MessageLookupByLibrary.simpleMessage("ms"),
         "name": MessageLookupByLibrary.simpleMessage("Name"),
+        "newContainer": MessageLookupByLibrary.simpleMessage("New container"),
         "noClient": MessageLookupByLibrary.simpleMessage("No client"),
         "noInterface": MessageLookupByLibrary.simpleMessage("No interface"),
         "noResult": MessageLookupByLibrary.simpleMessage("No result"),
@@ -143,24 +179,32 @@ class MessageLookup extends MessageLookupByLibrary {
         "noUpdateAvailable":
             MessageLookupByLibrary.simpleMessage("No update available"),
         "ok": MessageLookupByLibrary.simpleMessage("OK"),
+        "onServerDetailPage":
+            MessageLookupByLibrary.simpleMessage("On server detail page"),
         "open": MessageLookupByLibrary.simpleMessage("Open"),
+        "path": MessageLookupByLibrary.simpleMessage("Path"),
         "ping": MessageLookupByLibrary.simpleMessage("Ping"),
         "pingAvg": MessageLookupByLibrary.simpleMessage("Avg:"),
         "pingInputIP": MessageLookupByLibrary.simpleMessage(
             "Please input a target IP/domain."),
+        "pingNoServer": MessageLookupByLibrary.simpleMessage(
+            "No server to ping.\nPlease add a server in server tab."),
         "platformNotSupportUpdate": MessageLookupByLibrary.simpleMessage(
             "Current platform does not support in app update.\nPlease build from source and install it."),
         "plzEnterHost":
             MessageLookupByLibrary.simpleMessage("Please enter host."),
-        "plzEnterPwd":
-            MessageLookupByLibrary.simpleMessage("Please enter password."),
         "plzSelectKey":
             MessageLookupByLibrary.simpleMessage("Please select a key."),
         "port": MessageLookupByLibrary.simpleMessage("Port"),
+        "preview": MessageLookupByLibrary.simpleMessage("Preview"),
         "privateKey": MessageLookupByLibrary.simpleMessage("Private Key"),
         "pwd": MessageLookupByLibrary.simpleMessage("Password"),
         "rename": MessageLookupByLibrary.simpleMessage("Rename"),
         "reportBugsOnGithubIssue": m9,
+        "restore": MessageLookupByLibrary.simpleMessage("Restore"),
+        "restoreSuccess": MessageLookupByLibrary.simpleMessage(
+            "Restore success. Restart app to apply."),
+        "restoreSureWithDate": m10,
         "result": MessageLookupByLibrary.simpleMessage("Result"),
         "run": MessageLookupByLibrary.simpleMessage("Run"),
         "save": MessageLookupByLibrary.simpleMessage("Save"),
@@ -183,28 +227,34 @@ class MessageLookup extends MessageLookupByLibrary {
             MessageLookupByLibrary.simpleMessage("No download task."),
         "sftpSSHConnected":
             MessageLookupByLibrary.simpleMessage("SFTP Connected"),
+        "showDistLogo":
+            MessageLookupByLibrary.simpleMessage("Show distribution logo"),
         "snippet": MessageLookupByLibrary.simpleMessage("Snippet"),
-        "spentTime": m10,
+        "spentTime": m11,
+        "sshTip": m12,
         "start": MessageLookupByLibrary.simpleMessage("Start"),
         "stop": MessageLookupByLibrary.simpleMessage("Stop"),
-        "sureDelete": m11,
-        "sureToDeleteServer": m12,
-        "ttl": MessageLookupByLibrary.simpleMessage("TTL"),
+        "sureDelete": m13,
+        "sureNoPwd": MessageLookupByLibrary.simpleMessage(
+            "Are you sure to use no password?"),
+        "sureToDeleteServer": m14,
+        "ttl": MessageLookupByLibrary.simpleMessage("ttl"),
         "unknown": MessageLookupByLibrary.simpleMessage("unknown"),
         "unknownError": MessageLookupByLibrary.simpleMessage("Unknown error"),
         "unkownConvertMode":
             MessageLookupByLibrary.simpleMessage("Unknown convert mode"),
+        "update": MessageLookupByLibrary.simpleMessage("Update"),
         "updateAll": MessageLookupByLibrary.simpleMessage("Update all"),
         "updateIntervalEqual0": MessageLookupByLibrary.simpleMessage(
-            "You set to 0, will not update automatically.\nYou can pull to refresh manually."),
+            "You set to 0, will not update automatically.\nCan\'t calculate CPU status."),
         "updateServerStatusInterval": MessageLookupByLibrary.simpleMessage(
             "Server status update interval"),
         "upsideDown": MessageLookupByLibrary.simpleMessage("Upside Down"),
         "urlOrJson": MessageLookupByLibrary.simpleMessage("URL or JSON"),
         "user": MessageLookupByLibrary.simpleMessage("User"),
-        "versionHaveUpdate": m13,
-        "versionUnknownUpdate": m14,
-        "versionUpdated": m15,
+        "versionHaveUpdate": m15,
+        "versionUnknownUpdate": m16,
+        "versionUpdated": m17,
         "waitConnection": MessageLookupByLibrary.simpleMessage(
             "Please wait for the connection to be established."),
         "willTakEeffectImmediately":

lib/generated/intl/messages_zh.dart

@@ -20,10 +20,9 @@ typedef String MessageIfAbsent(String messageStr, List<dynamic> args);
 class MessageLookup extends MessageLookupByLibrary {
   String get localeName => 'zh';
 
-  static String m0(rainSunMeGithub) =>
-      "\n感谢 ${rainSunMeGithub} 参与软件测试。\n\n保留所有权利。";
+  static String m0(fileName) => "下载 [${fileName}] 到本地？";
 
-  static String m1(fileName) => "下载 [${fileName}] 到本地？";
+  static String m1(count) => "共 ${count} 个镜像";
 
   static String m2(runningCount, stoppedCount) =>
       "${runningCount}个正在运行, ${stoppedCount}个已停止";
@@ -43,33 +42,46 @@ class MessageLookup extends MessageLookupByLibrary {
 
   static String m9(url) => "请到 ${url} 提交问题";
 
-  static String m10(time) => "耗时: ${time}";
+  static String m10(date) => "确定恢复 ${date} 的备份吗？";
 
-  static String m11(name) => "确定删除[${name}]？";
+  static String m11(time) => "耗时: ${time}";
 
-  static String m12(server) => "你确定要删除服务器 [${server}] 吗？";
+  static String m12(url) => "该功能目前处于测试阶段，请在 ${url} 反馈问题，或者加入我们开发。";
 
-  static String m13(build) => "找到新版本：v1.0.${build}, 点击更新";
+  static String m13(name) => "确定删除[${name}]？";
 
-  static String m14(build) => "当前：v1.0.${build}";
+  static String m14(server) => "你确定要删除服务器 [${server}] 吗？";
 
-  static String m15(build) => "当前：v1.0.${build}, 已是最新版本";
+  static String m15(build) => "找到新版本：v1.0.${build}, 点击更新";
+
+  static String m16(build) => "当前：v1.0.${build}";
+
+  static String m17(build) => "当前：v1.0.${build}, 已是最新版本";
 
   final messages = _notInlinedMessages(_notInlinedMessages);
   static Map<String, Function> _notInlinedMessages(_) => <String, Function>{
-        "aboutThanks": m0,
+        "aboutThanks":
+            MessageLookupByLibrary.simpleMessage("\n保留所有权利。\n\n感谢以下参与软件测试的各位。"),
         "addAServer": MessageLookupByLibrary.simpleMessage("添加服务器"),
+        "addOne": MessageLookupByLibrary.simpleMessage("前去新增"),
         "addPrivateKey": MessageLookupByLibrary.simpleMessage("添加一个私钥"),
         "alreadyLastDir": MessageLookupByLibrary.simpleMessage("已经是最上层目录了"),
         "appPrimaryColor": MessageLookupByLibrary.simpleMessage("App主要色"),
         "attention": MessageLookupByLibrary.simpleMessage("注意"),
         "backDir": MessageLookupByLibrary.simpleMessage("返回上一级"),
+        "backup": MessageLookupByLibrary.simpleMessage("备份"),
+        "backupTip": MessageLookupByLibrary.simpleMessage(
+            "导出的数据仅进行了简单加密，请妥善保管。\n除了设置项，恢复的数据不会覆盖现有数据。"),
+        "backupVersionNotMatch":
+            MessageLookupByLibrary.simpleMessage("备份版本不匹配，无法恢复"),
         "cancel": MessageLookupByLibrary.simpleMessage("取消"),
         "choose": MessageLookupByLibrary.simpleMessage("选择"),
         "chooseDestination": MessageLookupByLibrary.simpleMessage("选择目标"),
         "choosePrivateKey": MessageLookupByLibrary.simpleMessage("选择私钥"),
         "clear": MessageLookupByLibrary.simpleMessage("清除"),
+        "clickSee": MessageLookupByLibrary.simpleMessage("点击查看"),
         "close": MessageLookupByLibrary.simpleMessage("关闭"),
+        "cmd": MessageLookupByLibrary.simpleMessage("命令"),
         "containerStatus": MessageLookupByLibrary.simpleMessage("容器状态"),
         "convert": MessageLookupByLibrary.simpleMessage("转换"),
         "copy": MessageLookupByLibrary.simpleMessage("复制到剪切板"),
@@ -81,7 +93,15 @@ class MessageLookup extends MessageLookupByLibrary {
         "decode": MessageLookupByLibrary.simpleMessage("解码"),
         "delete": MessageLookupByLibrary.simpleMessage("删除"),
         "disconnected": MessageLookupByLibrary.simpleMessage("连接断开"),
-        "dl2Local": m1,
+        "dl2Local": m0,
+        "dockerContainerName": MessageLookupByLibrary.simpleMessage("容器名"),
+        "dockerEditHost":
+            MessageLookupByLibrary.simpleMessage("编辑 DOCKER_HOST"),
+        "dockerEmptyRunningItems": MessageLookupByLibrary.simpleMessage(
+            "没有正在运行的容器。\n这可能是因为环境变量 DOCKER_HOST 没有被正确读取。你可以通过在终端内运行 `echo \$DOCKER_HOST` 来获取。"),
+        "dockerImage": MessageLookupByLibrary.simpleMessage("镜像"),
+        "dockerImagesFmt": m1,
+        "dockerNotInstalled": MessageLookupByLibrary.simpleMessage("Docker未安装"),
         "dockerStatusRunningAndStoppedFmt": m2,
         "dockerStatusRunningFmt": m3,
         "download": MessageLookupByLibrary.simpleMessage("下载"),
@@ -93,19 +113,29 @@ class MessageLookup extends MessageLookupByLibrary {
         "exampleName": MessageLookupByLibrary.simpleMessage("名称示例"),
         "experimentalFeature": MessageLookupByLibrary.simpleMessage("实验性功能"),
         "export": MessageLookupByLibrary.simpleMessage("导出"),
+        "extraArgs": MessageLookupByLibrary.simpleMessage("额外参数"),
+        "feedback": MessageLookupByLibrary.simpleMessage("反馈"),
+        "feedbackOnGithub":
+            MessageLookupByLibrary.simpleMessage("如果你有任何问题，请在GitHub反馈"),
         "fieldMustNotEmpty": MessageLookupByLibrary.simpleMessage("这些输入框不能为空。"),
         "files": MessageLookupByLibrary.simpleMessage("文件"),
         "foundNUpdate": m5,
         "go": MessageLookupByLibrary.simpleMessage("开始"),
         "goSftpDlPage": MessageLookupByLibrary.simpleMessage("前往下载页?"),
+        "goto": MessageLookupByLibrary.simpleMessage("前往"),
         "host": MessageLookupByLibrary.simpleMessage("主机"),
         "httpFailedWithCode": m6,
+        "imagesList": MessageLookupByLibrary.simpleMessage("镜像列表"),
         "import": MessageLookupByLibrary.simpleMessage("导入"),
         "importAndExport": MessageLookupByLibrary.simpleMessage("导入或导出"),
+        "inputDomainHere": MessageLookupByLibrary.simpleMessage("在这里输入域名"),
         "install": MessageLookupByLibrary.simpleMessage("安装"),
         "installDockerWithUrl": MessageLookupByLibrary.simpleMessage(
             "请先 https://docs.docker.com/engine/install docker"),
+        "invalidJson": MessageLookupByLibrary.simpleMessage("无效的json，存在格式问题"),
+        "invalidVersion": MessageLookupByLibrary.simpleMessage("不支持的版本"),
         "invalidVersionHelp": m7,
+        "isBusy": MessageLookupByLibrary.simpleMessage("当前正忙"),
         "keepForeground": MessageLookupByLibrary.simpleMessage("请保持应用处于前台！"),
         "keyAuth": MessageLookupByLibrary.simpleMessage("公钥认证"),
         "lastTry": MessageLookupByLibrary.simpleMessage("最后尝试"),
@@ -118,6 +148,7 @@ class MessageLookup extends MessageLookupByLibrary {
         "min": MessageLookupByLibrary.simpleMessage("最小"),
         "ms": MessageLookupByLibrary.simpleMessage("毫秒"),
         "name": MessageLookupByLibrary.simpleMessage("名称"),
+        "newContainer": MessageLookupByLibrary.simpleMessage("新建容器"),
         "noClient": MessageLookupByLibrary.simpleMessage("没有SSH连接"),
         "noInterface": MessageLookupByLibrary.simpleMessage("没有可用的接口"),
         "noResult": MessageLookupByLibrary.simpleMessage("无结果"),
@@ -126,20 +157,28 @@ class MessageLookup extends MessageLookupByLibrary {
         "noServerAvailable": MessageLookupByLibrary.simpleMessage("没有可用的服务器。"),
         "noUpdateAvailable": MessageLookupByLibrary.simpleMessage("没有可用更新"),
         "ok": MessageLookupByLibrary.simpleMessage("好"),
+        "onServerDetailPage": MessageLookupByLibrary.simpleMessage("在服务器详情页"),
         "open": MessageLookupByLibrary.simpleMessage("打开"),
+        "path": MessageLookupByLibrary.simpleMessage("路径"),
         "ping": MessageLookupByLibrary.simpleMessage("Ping"),
         "pingAvg": MessageLookupByLibrary.simpleMessage("平均:"),
         "pingInputIP": MessageLookupByLibrary.simpleMessage("请输入目标IP或域名"),
+        "pingNoServer": MessageLookupByLibrary.simpleMessage(
+            "没有服务器可用于Ping\n请在服务器tab添加服务器后再试"),
         "platformNotSupportUpdate":
             MessageLookupByLibrary.simpleMessage("当前平台不支持更新，请编译最新源码后手动安装"),
         "plzEnterHost": MessageLookupByLibrary.simpleMessage("请输入主机"),
-        "plzEnterPwd": MessageLookupByLibrary.simpleMessage("请输入密码"),
         "plzSelectKey": MessageLookupByLibrary.simpleMessage("请选择私钥"),
         "port": MessageLookupByLibrary.simpleMessage("端口"),
+        "preview": MessageLookupByLibrary.simpleMessage("预览"),
         "privateKey": MessageLookupByLibrary.simpleMessage("私钥"),
         "pwd": MessageLookupByLibrary.simpleMessage("密码"),
         "rename": MessageLookupByLibrary.simpleMessage("重命名"),
         "reportBugsOnGithubIssue": m9,
+        "restore": MessageLookupByLibrary.simpleMessage("恢复"),
+        "restoreSuccess":
+            MessageLookupByLibrary.simpleMessage("恢复成功，需要重启App来应用更改"),
+        "restoreSureWithDate": m10,
         "result": MessageLookupByLibrary.simpleMessage("结果"),
         "run": MessageLookupByLibrary.simpleMessage("运行"),
         "save": MessageLookupByLibrary.simpleMessage("保存"),
@@ -157,27 +196,31 @@ class MessageLookup extends MessageLookupByLibrary {
         "sftpNoDownloadTask": MessageLookupByLibrary.simpleMessage("没有下载任务"),
         "sftpSSHConnected":
             MessageLookupByLibrary.simpleMessage("SFTP 已连接，即将开始下载..."),
+        "showDistLogo": MessageLookupByLibrary.simpleMessage("显示发行版 Logo"),
         "snippet": MessageLookupByLibrary.simpleMessage("代码片段"),
-        "spentTime": m10,
+        "spentTime": m11,
+        "sshTip": m12,
         "start": MessageLookupByLibrary.simpleMessage("开始"),
         "stop": MessageLookupByLibrary.simpleMessage("停止"),
-        "sureDelete": m11,
-        "sureToDeleteServer": m12,
+        "sureDelete": m13,
+        "sureNoPwd": MessageLookupByLibrary.simpleMessage("确认使用无密码？"),
+        "sureToDeleteServer": m14,
         "ttl": MessageLookupByLibrary.simpleMessage("缓存时间"),
         "unknown": MessageLookupByLibrary.simpleMessage("未知"),
         "unknownError": MessageLookupByLibrary.simpleMessage("未知错误"),
         "unkownConvertMode": MessageLookupByLibrary.simpleMessage("未知转换模式"),
+        "update": MessageLookupByLibrary.simpleMessage("更新"),
         "updateAll": MessageLookupByLibrary.simpleMessage("更新全部"),
         "updateIntervalEqual0": MessageLookupByLibrary.simpleMessage(
-            "你设置为0，服务器状态不会自动刷新。\n你可以手动下拉刷新。"),
+            "你设置为0，服务器状态不会自动刷新。\n且不能计算CPU使用情况。"),
         "updateServerStatusInterval":
             MessageLookupByLibrary.simpleMessage("服务器状态刷新间隔"),
         "upsideDown": MessageLookupByLibrary.simpleMessage("上下交换"),
         "urlOrJson": MessageLookupByLibrary.simpleMessage("链接或JSON"),
         "user": MessageLookupByLibrary.simpleMessage("用户"),
-        "versionHaveUpdate": m13,
-        "versionUnknownUpdate": m14,
-        "versionUpdated": m15,
+        "versionHaveUpdate": m15,
+        "versionUnknownUpdate": m16,
+        "versionUpdated": m17,
         "waitConnection": MessageLookupByLibrary.simpleMessage("请等待连接建立"),
         "willTakEeffectImmediately":
             MessageLookupByLibrary.simpleMessage("更改将会立即生效")

lib/generated/l10n.dart

@@ -150,13 +150,13 @@ class S {
     );
   }
 
-  /// `\nThanks {rainSunMeGithub} for participating in the test.\n\nAll rights reserved.`
-  String aboutThanks(Object rainSunMeGithub) {
+  /// `\nAll rights reserved.\n\nThanks to the following people who participated in the test.`
+  String get aboutThanks {
     return Intl.message(
-      '\nThanks $rainSunMeGithub for participating in the test.\n\nAll rights reserved.',
+      '\nAll rights reserved.\n\nThanks to the following people who participated in the test.',
       name: 'aboutThanks',
       desc: '',
-      args: [rainSunMeGithub],
+      args: [],
     );
   }
 
@@ -330,20 +330,20 @@ class S {
     );
   }
 
-  /// `TTL`
+  /// `ttl`
   String get ttl {
     return Intl.message(
-      'TTL',
+      'ttl',
       name: 'ttl',
       desc: '',
       args: [],
     );
   }
 
-  /// `Loss`
+  /// `loss`
   String get loss {
     return Intl.message(
-      'Loss',
+      'loss',
       name: 'loss',
       desc: '',
       args: [],
@@ -470,10 +470,10 @@ class S {
     );
   }
 
-  /// `You set to 0, will not update automatically.\nYou can pull to refresh manually.`
+  /// `You set to 0, will not update automatically.\nCan't calculate CPU status.`
   String get updateIntervalEqual0 {
     return Intl.message(
-      'You set to 0, will not update automatically.\nYou can pull to refresh manually.',
+      'You set to 0, will not update automatically.\nCan\'t calculate CPU status.',
       name: 'updateIntervalEqual0',
       desc: '',
       args: [],
@@ -790,11 +790,11 @@ class S {
     );
   }
 
-  /// `Please enter password.`
-  String get plzEnterPwd {
+  /// `Are you sure to use no password?`
+  String get sureNoPwd {
     return Intl.message(
-      'Please enter password.',
-      name: 'plzEnterPwd',
+      'Are you sure to use no password?',
+      name: 'sureNoPwd',
       desc: '',
       args: [],
     );
@@ -1220,6 +1220,326 @@ class S {
       args: [],
     );
   }
+
+  /// `No server to ping.\nPlease add a server in server tab.`
+  String get pingNoServer {
+    return Intl.message(
+      'No server to ping.\nPlease add a server in server tab.',
+      name: 'pingNoServer',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `The exported data is simply encrypted. \nPlease keep it safe.\nRestoring will not overwrite existing data (except setting).`
+  String get backupTip {
+    return Intl.message(
+      'The exported data is simply encrypted. \nPlease keep it safe.\nRestoring will not overwrite existing data (except setting).',
+      name: 'backupTip',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Backup`
+  String get backup {
+    return Intl.message(
+      'Backup',
+      name: 'backup',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Restore`
+  String get restore {
+    return Intl.message(
+      'Restore',
+      name: 'restore',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Are you sure to restore from {date} ?`
+  String restoreSureWithDate(Object date) {
+    return Intl.message(
+      'Are you sure to restore from $date ?',
+      name: 'restoreSureWithDate',
+      desc: '',
+      args: [date],
+    );
+  }
+
+  /// `Backup version is not match.`
+  String get backupVersionNotMatch {
+    return Intl.message(
+      'Backup version is not match.',
+      name: 'backupVersionNotMatch',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Invalid JSON`
+  String get invalidJson {
+    return Intl.message(
+      'Invalid JSON',
+      name: 'invalidJson',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Restore success. Restart app to apply.`
+  String get restoreSuccess {
+    return Intl.message(
+      'Restore success. Restart app to apply.',
+      name: 'restoreSuccess',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Click here`
+  String get clickSee {
+    return Intl.message(
+      'Click here',
+      name: 'clickSee',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Feedback`
+  String get feedback {
+    return Intl.message(
+      'Feedback',
+      name: 'feedback',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `If you have any questions, please feedback on Github.`
+  String get feedbackOnGithub {
+    return Intl.message(
+      'If you have any questions, please feedback on Github.',
+      name: 'feedbackOnGithub',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Update`
+  String get update {
+    return Intl.message(
+      'Update',
+      name: 'update',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Input Domain here`
+  String get inputDomainHere {
+    return Intl.message(
+      'Input Domain here',
+      name: 'inputDomainHere',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Docker not installed`
+  String get dockerNotInstalled {
+    return Intl.message(
+      'Docker not installed',
+      name: 'dockerNotInstalled',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Invalid version`
+  String get invalidVersion {
+    return Intl.message(
+      'Invalid version',
+      name: 'invalidVersion',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Command`
+  String get cmd {
+    return Intl.message(
+      'Command',
+      name: 'cmd',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `No running container. \nIt may be that the env DOCKER_HOST is not read correctly. You can found it by running 'echo $DOCKER_HOST' in terminal.`
+  String get dockerEmptyRunningItems {
+    return Intl.message(
+      'No running container. \nIt may be that the env DOCKER_HOST is not read correctly. You can found it by running `echo \$DOCKER_HOST` in terminal.',
+      name: 'dockerEmptyRunningItems',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Edit DOCKER_HOST`
+  String get dockerEditHost {
+    return Intl.message(
+      'Edit DOCKER_HOST',
+      name: 'dockerEditHost',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `New container`
+  String get newContainer {
+    return Intl.message(
+      'New container',
+      name: 'newContainer',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Image`
+  String get dockerImage {
+    return Intl.message(
+      'Image',
+      name: 'dockerImage',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Container name`
+  String get dockerContainerName {
+    return Intl.message(
+      'Container name',
+      name: 'dockerContainerName',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Extra args`
+  String get extraArgs {
+    return Intl.message(
+      'Extra args',
+      name: 'extraArgs',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Preview`
+  String get preview {
+    return Intl.message(
+      'Preview',
+      name: 'preview',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Is busy now`
+  String get isBusy {
+    return Intl.message(
+      'Is busy now',
+      name: 'isBusy',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Images list`
+  String get imagesList {
+    return Intl.message(
+      'Images list',
+      name: 'imagesList',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `{count} images`
+  String dockerImagesFmt(Object count) {
+    return Intl.message(
+      '$count images',
+      name: 'dockerImagesFmt',
+      desc: '',
+      args: [count],
+    );
+  }
+
+  /// `Path`
+  String get path {
+    return Intl.message(
+      'Path',
+      name: 'path',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Go to`
+  String get goto {
+    return Intl.message(
+      'Go to',
+      name: 'goto',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Show distribution logo`
+  String get showDistLogo {
+    return Intl.message(
+      'Show distribution logo',
+      name: 'showDistLogo',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `On server detail page`
+  String get onServerDetailPage {
+    return Intl.message(
+      'On server detail page',
+      name: 'onServerDetailPage',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `Add one`
+  String get addOne {
+    return Intl.message(
+      'Add one',
+      name: 'addOne',
+      desc: '',
+      args: [],
+    );
+  }
+
+  /// `This function is now in the experimental stage. \nPlease report bugs on {url} or join our development.`
+  String sshTip(Object url) {
+    return Intl.message(
+      'This function is now in the experimental stage. \nPlease report bugs on $url or join our development.',
+      name: 'sshTip',
+      desc: '',
+      args: [url],
+    );
+  }
 }
 
 class AppLocalizationDelegate extends LocalizationsDelegate<S> {

lib/l10n/intl_en.arb

@@ -9,7 +9,7 @@
     "snippet": "Snippet",
     "privateKey": "Private Key",
     "madeWithLove": "\nMade with ❤️ by {myGithub}",
-    "aboutThanks": "\nThanks {rainSunMeGithub} for participating in the test.\n\nAll rights reserved.",
+    "aboutThanks": "\nAll rights reserved.\n\nThanks to the following people who participated in the test.",
     "serverTabEmpty": "There is no server.\nClick the fab to add one.",
     "serverTabLoading": "Loading...",
     "serverTabPlzSave": "Please 'save' this private key again.",
@@ -27,8 +27,8 @@
     "min": "min",
     "max": "max",
     "ms": "ms",
-    "ttl": "TTL",
-    "loss": "Loss",
+    "ttl": "ttl",
+    "loss": "loss",
     "noResult": "No result",
     "pingInputIP": "Please input a target IP/domain.",
     "clear": "Clear",
@@ -41,7 +41,7 @@
     "versionUnknownUpdate": "Current: v1.0.{build}",
     "versionHaveUpdate": "Found: v1.0.{build}, click to update",
     "second": "s",
-    "updateIntervalEqual0": "You set to 0, will not update automatically.\nYou can pull to refresh manually.",
+    "updateIntervalEqual0": "You set to 0, will not update automatically.\nCan't calculate CPU status.",
     "edit": "Edit",
     "noSavedPrivateKey": "No saved private keys.",
     "name": "Name",
@@ -73,7 +73,7 @@
     "addPrivateKey": "Add private key",
     "choosePrivateKey": "Choose private key",
     "plzEnterHost": "Please enter host.",
-    "plzEnterPwd": "Please enter password.",
+    "sureNoPwd": "Are you sure to use no password?",
     "plzSelectKey": "Please select a key.",
     "exampleName": "Example name",
     "stop": "Stop",
@@ -115,5 +115,37 @@
     "platformNotSupportUpdate": "Current platform does not support in app update.\nPlease build from source and install it.",
     "invalidVersionHelp": "Please make sure that docker is installed correctly, or that you are using a non-self-compiled version. If you don't have the above issues, please submit an issue on {url}.",
     "noInterface": "No interface",
-    "lastTry": "Last try!"
+    "lastTry": "Last try!",
+    "pingNoServer": "No server to ping.\nPlease add a server in server tab.",
+    "backupTip": "The exported data is simply encrypted. \nPlease keep it safe.\nRestoring will not overwrite existing data (except setting).",
+    "backup": "Backup",
+    "restore": "Restore",
+    "restoreSureWithDate": "Are you sure to restore from {date} ?",
+    "backupVersionNotMatch": "Backup version is not match.",
+    "invalidJson": "Invalid JSON",
+    "restoreSuccess": "Restore success. Restart app to apply.",
+    "clickSee": "Click here",
+    "feedback": "Feedback",
+    "feedbackOnGithub": "If you have any questions, please feedback on Github.",
+    "update": "Update",
+    "inputDomainHere": "Input Domain here",
+    "dockerNotInstalled": "Docker not installed",
+    "invalidVersion": "Invalid version",
+    "cmd": "Command",
+    "dockerEmptyRunningItems": "No running container. \nIt may be that the env DOCKER_HOST is not read correctly. You can found it by running `echo $DOCKER_HOST` in terminal.",
+    "dockerEditHost": "Edit DOCKER_HOST",
+    "newContainer": "New container",
+    "dockerImage": "Image",
+    "dockerContainerName": "Container name",
+    "extraArgs": "Extra args",
+    "preview": "Preview",
+    "isBusy": "Is busy now",
+    "imagesList": "Images list",
+    "dockerImagesFmt": "{count} images",
+    "path": "Path",
+    "goto": "Go to",
+    "showDistLogo": "Show distribution logo",
+    "onServerDetailPage": "On server detail page",
+    "addOne": "Add one",
+    "sshTip": "This function is now in the experimental stage. \nPlease report bugs on {url} or join our development."
 }

lib/l10n/intl_zh.arb

@@ -9,7 +9,7 @@
     "snippet": "代码片段",
     "privateKey": "私钥",
     "madeWithLove": "\n用❤️制作 by {myGithub}",
-    "aboutThanks": "\n感谢 {rainSunMeGithub} 参与软件测试。\n\n保留所有权利。",
+    "aboutThanks": "\n保留所有权利。\n\n感谢以下参与软件测试的各位。",
     "serverTabEmpty": "现在没有服务器。\n点击右下方按钮来添加。",
     "serverTabLoading": "加载中...",
     "serverTabPlzSave": "请再次保存该私钥",
@@ -41,7 +41,7 @@
     "versionUnknownUpdate": "当前：v1.0.{build}",
     "versionHaveUpdate": "找到新版本：v1.0.{build}, 点击更新",
     "second": "秒",
-    "updateIntervalEqual0": "你设置为0，服务器状态不会自动刷新。\n你可以手动下拉刷新。",
+    "updateIntervalEqual0": "你设置为0，服务器状态不会自动刷新。\n且不能计算CPU使用情况。",
     "edit": "编辑",
     "noSavedPrivateKey": "没有已保存的私钥。",
     "name": "名称",
@@ -73,7 +73,7 @@
     "addPrivateKey": "添加一个私钥",
     "choosePrivateKey": "选择私钥",
     "plzEnterHost": "请输入主机",
-    "plzEnterPwd": "请输入密码",
+    "sureNoPwd": "确认使用无密码？",
     "plzSelectKey": "请选择私钥",
     "exampleName": "名称示例",
     "stop": "停止",
@@ -115,5 +115,37 @@
     "platformNotSupportUpdate": "当前平台不支持更新，请编译最新源码后手动安装",
     "invalidVersionHelp": "请确保正确安装了docker，或者使用的非自编译版本。如果没有以上问题，请在 {url} 提交问题。",
     "noInterface": "没有可用的接口",
-    "lastTry": "最后尝试"
+    "lastTry": "最后尝试",
+    "pingNoServer": "没有服务器可用于Ping\n请在服务器tab添加服务器后再试",
+    "backupTip": "导出的数据仅进行了简单加密，请妥善保管。\n除了设置项，恢复的数据不会覆盖现有数据。",
+    "backup": "备份",
+    "restore": "恢复",
+    "restoreSureWithDate": "确定恢复 {date} 的备份吗？",
+    "backupVersionNotMatch": "备份版本不匹配，无法恢复",
+    "invalidJson": "无效的json，存在格式问题",
+    "restoreSuccess": "恢复成功，需要重启App来应用更改",
+    "clickSee": "点击查看",
+    "feedback": "反馈",
+    "feedbackOnGithub": "如果你有任何问题，请在GitHub反馈",
+    "update": "更新",
+    "inputDomainHere": "在这里输入域名",
+    "dockerNotInstalled": "Docker未安装",
+    "invalidVersion": "不支持的版本",
+    "cmd": "命令",
+    "dockerEmptyRunningItems": "没有正在运行的容器。\n这可能是因为环境变量 DOCKER_HOST 没有被正确读取。你可以通过在终端内运行 `echo $DOCKER_HOST` 来获取。",
+    "dockerEditHost": "编辑 DOCKER_HOST",
+    "newContainer": "新建容器",
+    "dockerImage": "镜像",
+    "dockerContainerName": "容器名",
+    "extraArgs": "额外参数",
+    "preview": "预览",
+    "isBusy": "当前正忙",
+    "imagesList": "镜像列表",
+    "dockerImagesFmt": "共 {count} 个镜像",
+    "path": "路径",
+    "goto": "前往",
+    "showDistLogo": "显示发行版 Logo",
+    "onServerDetailPage": "在服务器详情页",
+    "addOne": "前去新增",
+    "sshTip": "该功能目前处于测试阶段，请在 {url} 反馈问题，或者加入我们开发。"
 }

lib/locator.dart

@@ -1,6 +1,6 @@
 import 'package:get_it/get_it.dart';
 import 'package:toolbox/data/provider/app.dart';
-import 'package:toolbox/data/provider/apt.dart';
+import 'package:toolbox/data/provider/pkg.dart';
 import 'package:toolbox/data/provider/debug.dart';
 import 'package:toolbox/data/provider/docker.dart';
 import 'package:toolbox/data/provider/private_key.dart';
@@ -8,6 +8,7 @@ import 'package:toolbox/data/provider/server.dart';
 import 'package:toolbox/data/provider/sftp_download.dart';
 import 'package:toolbox/data/provider/snippet.dart';
 import 'package:toolbox/data/service/app.dart';
+import 'package:toolbox/data/store/docker.dart';
 import 'package:toolbox/data/store/private_key.dart';
 import 'package:toolbox/data/store/server.dart';
 import 'package:toolbox/data/store/setting.dart';
@@ -21,7 +22,7 @@ void setupLocatorForServices() {
 
 void setupLocatorForProviders() {
   locator.registerSingleton(AppProvider());
-  locator.registerSingleton(AptProvider());
+  locator.registerSingleton(PkgProvider());
   locator.registerSingleton(DebugProvider());
   locator.registerSingleton(DockerProvider());
   locator.registerSingleton(ServerProvider());
@@ -46,6 +47,10 @@ Future<void> setupLocatorForStores() async {
   final snippet = SnippetStore();
   await snippet.init(boxName: 'snippet');
   locator.registerSingleton(snippet);
+
+  final docker = DockerStore();
+  await docker.init(boxName: 'docker');
+  locator.registerSingleton(docker);
 }
 
 Future<void> setupLocator() async {

lib/main.dart

@@ -6,19 +6,29 @@ import 'package:logging/logging.dart';
 import 'package:provider/provider.dart';
 import 'package:toolbox/app.dart';
 import 'package:toolbox/core/analysis.dart';
+import 'package:toolbox/core/persistant_store.dart';
+import 'package:toolbox/data/model/server/private_key_info.dart';
+import 'package:toolbox/data/model/server/server_private_info.dart';
+import 'package:toolbox/data/model/server/snippet.dart';
 import 'package:toolbox/data/provider/app.dart';
-import 'package:toolbox/data/provider/apt.dart';
+import 'package:toolbox/data/provider/pkg.dart';
 import 'package:toolbox/data/provider/debug.dart';
 import 'package:toolbox/data/provider/docker.dart';
 import 'package:toolbox/data/provider/private_key.dart';
 import 'package:toolbox/data/provider/server.dart';
 import 'package:toolbox/data/provider/sftp_download.dart';
 import 'package:toolbox/data/provider/snippet.dart';
+import 'package:toolbox/data/store/private_key.dart';
+import 'package:toolbox/data/store/server.dart';
+import 'package:toolbox/data/store/setting.dart';
+import 'package:toolbox/data/store/snippet.dart';
 import 'package:toolbox/locator.dart';
 
 Future<void> initApp() async {
-  await Hive.initFlutter();
+  await initHive();
   await setupLocator();
+  await upgradeStore();
+
   locator<SnippetProvider>().loadData();
   locator<PrivateKeyProvider>().loadData();
 
@@ -30,6 +40,27 @@ Future<void> initApp() async {
   });
 }
 
+Future<void> initHive() async {
+  await Hive.initFlutter();
+  Hive.registerAdapter(SnippetAdapter());
+  Hive.registerAdapter(PrivateKeyInfoAdapter());
+  Hive.registerAdapter(ServerPrivateInfoAdapter());
+}
+
+Future<void> upgradeStore() async {
+  final setting = locator<SettingStore>();
+  final version = setting.storeVersion.fetch();
+  if (version == 0) {
+    final snippet = locator<SnippetStore>();
+    final key = locator<PrivateKeyStore>();
+    final spi = locator<ServerStore>();
+    for (final s in <PersistentStore>[snippet, key, spi]) {
+      await s.box.deleteAll(s.box.keys);
+    }
+    setting.storeVersion.put(1);
+  }
+}
+
 void runInZone(dynamic Function() body) {
   final zoneSpec = ZoneSpecification(
     print: (Zone self, ZoneDelegate parent, Zone zone, String line) {
@@ -65,7 +96,7 @@ Future<void> main() async {
       MultiProvider(
         providers: [
           ChangeNotifierProvider(create: (_) => locator<AppProvider>()),
-          ChangeNotifierProvider(create: (_) => locator<AptProvider>()),
+          ChangeNotifierProvider(create: (_) => locator<PkgProvider>()),
           ChangeNotifierProvider(create: (_) => locator<DebugProvider>()),
           ChangeNotifierProvider(create: (_) => locator<DockerProvider>()),
           ChangeNotifierProvider(create: (_) => locator<ServerProvider>()),

lib/view/page/apt.dart

@@ -1,236 +0,0 @@
-import 'package:flutter/material.dart';
-import 'package:provider/provider.dart';
-import 'package:toolbox/core/extension/stringx.dart';
-import 'package:toolbox/core/utils.dart';
-import 'package:toolbox/data/model/apt/upgrade_pkg_info.dart';
-import 'package:toolbox/data/model/server/server_private_info.dart';
-import 'package:toolbox/data/provider/apt.dart';
-import 'package:toolbox/data/provider/server.dart';
-import 'package:toolbox/data/res/url.dart';
-import 'package:toolbox/generated/l10n.dart';
-import 'package:toolbox/locator.dart';
-import 'package:toolbox/view/widget/center_loading.dart';
-import 'package:toolbox/view/widget/round_rect_card.dart';
-import 'package:toolbox/view/widget/two_line_text.dart';
-import 'package:toolbox/view/widget/url_text.dart';
-
-class AptManagePage extends StatefulWidget {
-  const AptManagePage(this.spi, {Key? key}) : super(key: key);
-
-  final ServerPrivateInfo spi;
-
-  @override
-  _AptManagePageState createState() => _AptManagePageState();
-}
-
-class _AptManagePageState extends State<AptManagePage>
-    with SingleTickerProviderStateMixin {
-  late MediaQueryData _media;
-  final greyStyle = const TextStyle(color: Colors.grey);
-  final scrollController = ScrollController();
-  final scrollControllerUpdate = ScrollController();
-  final _aptProvider = locator<AptProvider>();
-  late S s;
-
-  @override
-  void didChangeDependencies() {
-    super.didChangeDependencies();
-    _media = MediaQuery.of(context);
-    s = S.of(context);
-    _aptProvider.refreshInstalled();
-  }
-
-  @override
-  void dispose() {
-    super.dispose();
-    locator<AptProvider>().clear();
-  }
-
-  @override
-  void initState() {
-    super.initState();
-    final si = locator<ServerProvider>()
-        .servers
-        .firstWhere((e) => e.info == widget.spi);
-    if (si.client == null) {
-      showSnackBar(context, Text(s.waitConnection));
-      Navigator.of(context).pop();
-      return;
-    }
-
-    // ignore: prefer_function_declarations_over_variables
-    PwdRequestFunc onPwdRequest = (lastTime, user) async {
-      if (!mounted) return '';
-      final textController = TextEditingController();
-      await showRoundDialog(
-          context,
-          lastTime ? s.lastTry : (user ?? s.unknown),
-          TextField(
-            controller: textController,
-            keyboardType: TextInputType.visiblePassword,
-            obscureText: true,
-            onSubmitted: (_) => textController.text.trim(),
-            decoration: InputDecoration(
-              labelText: s.pwd,
-            ),
-          ),
-          [
-            TextButton(
-                onPressed: () => Navigator.of(context).pop(),
-                child: Text(s.cancel)),
-            TextButton(
-                onPressed: () {
-                  if (textController.text == '') {
-                    showRoundDialog(
-                        context, s.attention, Text(s.fieldMustNotEmpty), [
-                      TextButton(
-                          onPressed: () => Navigator.of(context).pop(),
-                          child: Text(s.ok)),
-                    ]);
-                    return;
-                  }
-                  Navigator.of(context).pop();
-                },
-                child: Text(
-                  s.ok,
-                  style: const TextStyle(color: Colors.red),
-                )),
-          ]);
-      return textController.text.trim();
-    };
-
-    _aptProvider.init(
-        si.client!,
-        si.status.sysVer.dist,
-        () =>
-            scrollController.jumpTo(scrollController.position.maxScrollExtent),
-        () => scrollControllerUpdate
-            .jumpTo(scrollControllerUpdate.position.maxScrollExtent),
-        onPwdRequest);
-  }
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        centerTitle: true,
-        title: TwoLineText(up: 'Apt', down: widget.spi.name),
-      ),
-      body: Consumer<AptProvider>(builder: (_, apt, __) {
-        if (apt.error != null) {
-          return Column(
-            mainAxisAlignment: MainAxisAlignment.center,
-            children: [
-              const Icon(
-                Icons.error,
-                color: Colors.redAccent,
-                size: 37,
-              ),
-              const SizedBox(
-                height: 37,
-              ),
-              Text(
-                apt.error!,
-                textAlign: TextAlign.center,
-              ),
-            ],
-          );
-        }
-        if (apt.updateLog == null && apt.upgradeable == null) {
-          return centerLoading;
-        }
-        if (apt.updateLog != null && apt.upgradeable == null) {
-          return SizedBox(
-              height: _media.size.height * 0.7,
-              child: ConstrainedBox(
-                constraints: const BoxConstraints.expand(),
-                child: SingleChildScrollView(
-                  padding: const EdgeInsets.all(18),
-                  controller: scrollControllerUpdate,
-                  child: Text(apt.updateLog!),
-                ),
-              ));
-        }
-        return ListView(
-          padding: const EdgeInsets.all(13),
-          children: [
-            Padding(
-              padding: const EdgeInsets.all(17),
-              child: UrlText(
-                text:
-                    '${s.experimentalFeature}\n${s.reportBugsOnGithubIssue(issueUrl)}',
-                replace: 'Github Issue',
-                textAlign: TextAlign.center,
-              ),
-            ),
-            _buildUpdatePanel(apt)
-          ].map((e) => RoundRectCard(e)).toList(),
-        );
-      }),
-    );
-  }
-
-  Widget _buildUpdatePanel(AptProvider apt) {
-    if (apt.upgradeable!.isEmpty) {
-      return ListTile(
-        title: Text(
-          s.noUpdateAvailable,
-          textAlign: TextAlign.center,
-        ),
-        subtitle: const Text('>_<', textAlign: TextAlign.center),
-      );
-    }
-    return Column(
-      crossAxisAlignment: CrossAxisAlignment.start,
-      children: [
-        ExpansionTile(
-          title: Text(s.foundNUpdate(apt.upgradeable!.length)),
-          subtitle: Text(
-            apt.upgradeable!.map((e) => e.package).join(', '),
-            maxLines: 1,
-            overflow: TextOverflow.ellipsis,
-            style: greyStyle,
-          ),
-          children: apt.upgradeLog == null
-              ? [
-                  TextButton(
-                      child: Text(s.updateAll),
-                      onPressed: () {
-                        apt.upgrade();
-                      }),
-                  SizedBox(
-                    height: _media.size.height * 0.73,
-                    child: ListView(
-                        controller: scrollController,
-                        children: apt.upgradeable!
-                            .map((e) => _buildUpdateItem(e, apt))
-                            .toList()),
-                  )
-                ]
-              : [
-                  SizedBox(
-                      height: _media.size.height * 0.7,
-                      child: ConstrainedBox(
-                        constraints: const BoxConstraints.expand(),
-                        child: SingleChildScrollView(
-                          padding: const EdgeInsets.all(18),
-                          controller: scrollController,
-                          child: Text(apt.upgradeLog!),
-                        ),
-                      ))
-                ],
-        )
-      ],
-    );
-  }
-
-  Widget _buildUpdateItem(UpgradePkgInfo info, AptProvider apt) {
-    return ListTile(
-      title: Text(info.package),
-      subtitle: Text(
-        '${info.nowVersion} -> ${info.newVersion}',
-        style: greyStyle,
-      ),
-    );
-  }
-}

lib/view/page/backup.dart

@@ -0,0 +1,229 @@
+import 'dart:async';
+import 'dart:convert';
+
+import 'package:flutter/foundation.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:toolbox/core/extension/colorx.dart';
+import 'package:toolbox/core/utils.dart';
+import 'package:toolbox/data/model/app/backup.dart';
+import 'package:toolbox/data/res/color.dart';
+import 'package:toolbox/data/res/font_style.dart';
+import 'package:toolbox/data/store/private_key.dart';
+import 'package:toolbox/data/store/server.dart';
+import 'package:toolbox/data/store/setting.dart';
+import 'package:toolbox/data/store/snippet.dart';
+import 'package:toolbox/generated/l10n.dart';
+import 'package:toolbox/locator.dart';
+
+const backupFormatVersion = 1;
+
+class BackupPage extends StatelessWidget {
+  BackupPage({Key? key}) : super(key: key);
+
+  final _setting = locator<SettingStore>();
+  final _server = locator<ServerStore>();
+  final _snippet = locator<SnippetStore>();
+  final _privateKey = locator<PrivateKeyStore>();
+
+  @override
+  Widget build(BuildContext context) {
+    final media = MediaQuery.of(context);
+    final s = S.of(context);
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(s.importAndExport, style: textSize18),
+      ),
+      body: Center(
+          child: Column(
+        mainAxisAlignment: MainAxisAlignment.center,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          Padding(
+            padding: const EdgeInsets.all(37),
+            child: Text(
+              s.backupTip,
+              textAlign: TextAlign.center,
+            ),
+          ),
+          const SizedBox(
+            height: 107,
+          ),
+          _buildCard(s.restore, Icons.download, media,
+              () => _showImportDialog(context, s)),
+          const SizedBox(height: 7),
+          const Divider(),
+          const SizedBox(height: 7),
+          _buildCard(
+            s.backup,
+            Icons.file_upload,
+            media,
+            () => _showExportDialog(context, s),
+          )
+        ],
+      )),
+    );
+  }
+
+  Widget _buildCard(String text, IconData icon, MediaQueryData media,
+      FutureOr Function() onTap) {
+    final priColor = primaryColor;
+    final textColor = priColor.isBrightColor ? Colors.black : Colors.white;
+    return GestureDetector(
+      onTap: onTap,
+      child: Container(
+        decoration: BoxDecoration(
+            borderRadius: BorderRadius.circular(37), color: priColor),
+        child: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 7, horizontal: 17),
+          child: Row(
+            mainAxisSize: MainAxisSize.min,
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              Icon(
+                icon,
+                color: textColor,
+              ),
+              const SizedBox(width: 7),
+              Text(text, style: TextStyle(color: textColor)),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+
+  Future<void> _showExportDialog(BuildContext context, S s) async {
+    final exportFieldController = TextEditingController()
+      ..text = _diyEncrtpt(
+        json.encode(
+          Backup(
+            backupFormatVersion,
+            DateTime.now().toString().split('.').first,
+            _server.fetch(),
+            _snippet.fetch(),
+            _privateKey.fetch(),
+            _setting.primaryColor.fetch() ?? Colors.pinkAccent.value,
+            _setting.serverStatusUpdateInterval.fetch() ?? 2,
+            _setting.launchPage.fetch() ?? 0,
+          ),
+        ),
+      );
+    await showRoundDialog(
+      context,
+      s.export,
+      TextField(
+        decoration: const InputDecoration(
+          labelText: 'JSON',
+        ),
+        maxLines: 7,
+        controller: exportFieldController,
+      ),
+      [
+        TextButton(
+          child: Text(s.copy),
+          onPressed: () {
+            Clipboard.setData(ClipboardData(text: exportFieldController.text));
+            Navigator.pop(context);
+          },
+        ),
+      ],
+    );
+  }
+
+  Future<void> _showImportDialog(BuildContext context, S s) async {
+    final importFieldController = TextEditingController();
+    await showRoundDialog(
+      context,
+      s.import,
+      TextField(
+        decoration: const InputDecoration(
+          labelText: 'JSON',
+        ),
+        maxLines: 3,
+        controller: importFieldController,
+      ),
+      [
+        TextButton(
+          onPressed: () => Navigator.of(context).pop(),
+          child: Text(s.cancel),
+        ),
+        TextButton(
+          onPressed: () async =>
+              await _import(importFieldController.text.trim(), context, s),
+          child: const Text('GO'),
+        )
+      ],
+    );
+  }
+
+  Future<void> _import(String text, BuildContext context, S s) async {
+    if (text.isEmpty) {
+      showSnackBar(context, Text(s.fieldMustNotEmpty));
+      return;
+    }
+    _importBackup(text, context, s);
+    Navigator.of(context).pop();
+  }
+
+  Future<void> _importBackup(String raw, BuildContext context, S s) async {
+    try {
+      final backup = await compute(_decode, raw);
+      if (backupFormatVersion != backup.version) {
+        showSnackBar(context, Text(s.backupVersionNotMatch));
+        return;
+      }
+
+      await showRoundDialog(
+        context,
+        s.attention,
+        Text(s.restoreSureWithDate(backup.date)),
+        [
+          TextButton(
+            onPressed: () => Navigator.of(context).pop(),
+            child: Text(s.cancel),
+          ),
+          TextButton(
+            onPressed: () async {
+              for (final s in backup.snippets) {
+                _snippet.put(s);
+              }
+              for (final s in backup.spis) {
+                _server.put(s);
+              }
+              for (final s in backup.keys) {
+                _privateKey.put(s);
+              }
+              _setting.primaryColor.put(backup.primaryColor);
+              _setting.serverStatusUpdateInterval
+                  .put(backup.serverStatusUpdateInterval);
+              _setting.launchPage.put(backup.launchPage);
+              Navigator.of(context).pop();
+              showSnackBar(context, Text(s.restoreSuccess));
+            },
+            child: Text(s.ok),
+          ),
+        ],
+      );
+    } catch (e) {
+      showSnackBar(context, Text(s.invalidJson));
+      return;
+    }
+  }
+}
+
+Backup _decode(String raw) {
+  final decrypted = _diyDecrypt(raw);
+  return Backup.fromJson(json.decode(decrypted));
+}
+
+String _diyEncrtpt(String raw) =>
+    json.encode(raw.codeUnits.map((e) => e * 2 + 1).toList(growable: false));
+String _diyDecrypt(String raw) {
+  final list = json.decode(raw);
+  final sb = StringBuffer();
+  for (final e in list) {
+    sb.writeCharCode((e - 1) ~/ 2);
+  }
+  return sb.toString();
+}

lib/view/page/convert.dart

@@ -1,7 +1,7 @@
 import 'dart:convert';
 
-import 'package:clipboard/clipboard.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:toolbox/core/utils.dart';
 import 'package:toolbox/data/res/color.dart';
 import 'package:toolbox/generated/l10n.dart';
@@ -21,7 +21,7 @@ class _ConvertPageState extends State<ConvertPage>
   late TextEditingController _textEditingControllerResult;
   late MediaQueryData _media;
   late ThemeData _theme;
-  late S s;
+  late S _s;
 
   int _typeOptionIndex = 0;
 
@@ -37,34 +37,36 @@ class _ConvertPageState extends State<ConvertPage>
     super.didChangeDependencies();
     _media = MediaQuery.of(context);
     _theme = Theme.of(context);
-    s = S.of(context);
+    _s = S.of(context);
   }
 
   @override
   Widget build(BuildContext context) {
     super.build(context);
     return Scaffold(
-      body: GestureDetector(
-        child: SingleChildScrollView(
-            padding: const EdgeInsets.symmetric(horizontal: 7),
-            controller: ScrollController(),
-            child: Column(children: [
-              const SizedBox(height: 13),
-              _buildInputTop(),
-              _buildTypeOption(),
-              _buildResult(),
-            ])),
-        onTap: () => FocusScope.of(context).requestFocus(FocusNode()),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.symmetric(horizontal: 7),
+        controller: ScrollController(),
+        child: Column(
+          children: [
+            const SizedBox(height: 13),
+            _buildInputTop(),
+            _buildTypeOption(),
+            _buildResult(),
+          ],
+        ),
       ),
       floatingActionButton: FloatingActionButton(
         onPressed: () {
           try {
             _textEditingControllerResult.text = doConvert();
+            FocusScope.of(context).requestFocus(FocusNode());
           } catch (e) {
             showSnackBar(context, Text('Error: \n$e'));
           }
         },
-        tooltip: s.convert,
+        tooltip: _s.convert,
+        heroTag: 'convert fab',
         child: const Icon(Icons.send),
       ),
     );
@@ -82,21 +84,20 @@ class _ConvertPageState extends State<ConvertPage>
       case 3:
         return Uri.decodeFull(text);
       default:
-        return s.unkownConvertMode;
+        return _s.unkownConvertMode;
     }
   }
 
   Widget _buildInputTop() {
     return SizedBox(
       height: _media.size.height * 0.33,
-      child: buildInput(context, _textEditingController,
-          onSubmitted: (_) => _textEditingControllerResult.text = doConvert()),
+      child: buildInput(context, _textEditingController),
     );
   }
 
   Widget _buildTypeOption() {
-    final decode = s.decode;
-    final encode = s.encode;
+    final decode = _s.decode;
+    final encode = _s.encode;
     final List<String> typeOption = [
       'Base64 $decode',
       'Base64 $encode',
@@ -112,7 +113,7 @@ class _ConvertPageState extends State<ConvertPage>
             TextButton(
               style: ButtonStyle(
                   foregroundColor: MaterialStateProperty.all(primaryColor)),
-              child: Icon(Icons.change_circle, semanticLabel: s.upsideDown),
+              child: Icon(Icons.change_circle, semanticLabel: _s.upsideDown),
               onPressed: () {
                 final temp = _textEditingController.text;
                 _textEditingController.text = _textEditingControllerResult.text;
@@ -121,12 +122,15 @@ class _ConvertPageState extends State<ConvertPage>
             ),
             TextButton(
               style: ButtonStyle(
-                  foregroundColor: MaterialStateProperty.all(primaryColor)),
-              child: Icon(Icons.copy, semanticLabel: s.copy),
-              onPressed: () => FlutterClipboard.copy(
-                  _textEditingControllerResult.text == ''
-                      ? ' '
-                      : _textEditingControllerResult.text),
+                foregroundColor: MaterialStateProperty.all(primaryColor),
+              ),
+              child: Icon(Icons.copy, semanticLabel: _s.copy),
+              onPressed: () => Clipboard.setData(
+                ClipboardData(
+                    text: _textEditingControllerResult.text == ''
+                        ? ' '
+                        : _textEditingControllerResult.text),
+              ),
             )
           ],
         ),
@@ -136,15 +140,17 @@ class _ConvertPageState extends State<ConvertPage>
             crossAxisAlignment: CrossAxisAlignment.start,
             mainAxisAlignment: MainAxisAlignment.center,
             children: [
-              Text(typeOption[_typeOptionIndex],
-                  textScaleFactor: 1.0,
-                  textAlign: TextAlign.left,
-                  style: TextStyle(
-                      fontSize: 16.0,
-                      fontWeight: FontWeight.w500,
-                      color: primaryColor)),
               Text(
-                s.currentMode,
+                typeOption[_typeOptionIndex],
+                textScaleFactor: 1.0,
+                textAlign: TextAlign.left,
+                style: TextStyle(
+                    fontSize: 16.0,
+                    fontWeight: FontWeight.w500,
+                    color: primaryColor),
+              ),
+              Text(
+                _s.currentMode,
                 textScaleFactor: 1.0,
                 textAlign: TextAlign.right,
                 style: const TextStyle(fontSize: 9.0, color: Colors.grey),
@@ -153,15 +159,17 @@ class _ConvertPageState extends State<ConvertPage>
           ),
         ),
         children: typeOption
-            .map((e) => ListTile(
-                  title: Text(
-                    e,
-                    style: TextStyle(
-                        color:
-                            _theme.textTheme.bodyText2!.color!.withAlpha(177)),
+            .map(
+              (e) => ListTile(
+                title: Text(
+                  e,
+                  style: TextStyle(
+                    color: _theme.textTheme.bodyMedium?.color?.withAlpha(177),
                   ),
-                  trailing: _buildRadio(typeOption.indexOf(e)),
-                ))
+                ),
+                trailing: _buildRadio(typeOption.indexOf(e)),
+              ),
+            )
             .toList(),
       ),
     );
@@ -180,7 +188,7 @@ class _ConvertPageState extends State<ConvertPage>
       groupValue: _typeOptionIndex,
       onChanged: (int? value) {
         setState(() {
-          _typeOptionIndex = value!;
+          _typeOptionIndex = value ?? 0;
         });
       },
     );

lib/view/page/debug.dart

@@ -13,8 +13,10 @@ class _DebugPageState extends State<DebugPage> {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar:
-          AppBar(title: const Text('App log'), backgroundColor: Colors.black),
+      appBar: AppBar(
+        title: const Text('Logs'),
+        backgroundColor: Colors.black,
+      ),
       body: _buildTerminal(context),
       backgroundColor: Colors.black,
     );
@@ -31,12 +33,15 @@ class _DebugPageState extends State<DebugPage> {
           fontWeight: FontWeight.bold,
         ),
         child: SingleChildScrollView(
-          child: Consumer<DebugProvider>(builder: (_, debug, __) {
-            return Column(
+          child: Consumer<DebugProvider>(
+            builder: (_, debug, __) {
+              return Column(
                 mainAxisSize: MainAxisSize.min,
                 crossAxisAlignment: CrossAxisAlignment.start,
-                children: debug.widgets);
-          }),
+                children: debug.widgets,
+              );
+            },
+          ),
         ),
       ),
     );

lib/view/page/docker.dart

@@ -1,4 +1,3 @@
-import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:toolbox/core/utils.dart';
@@ -7,7 +6,10 @@ import 'package:toolbox/data/model/docker/ps.dart';
 import 'package:toolbox/data/model/server/server_private_info.dart';
 import 'package:toolbox/data/provider/docker.dart';
 import 'package:toolbox/data/provider/server.dart';
+import 'package:toolbox/data/res/error.dart';
+import 'package:toolbox/data/res/font_style.dart';
 import 'package:toolbox/data/res/url.dart';
+import 'package:toolbox/data/store/docker.dart';
 import 'package:toolbox/generated/l10n.dart';
 import 'package:toolbox/locator.dart';
 import 'package:toolbox/view/widget/center_loading.dart';
@@ -25,8 +27,8 @@ class DockerManagePage extends StatefulWidget {
 
 class _DockerManagePageState extends State<DockerManagePage> {
   final _docker = locator<DockerProvider>();
-  final greyTextStyle = const TextStyle(color: Colors.grey);
-  late S s;
+  final _textController = TextEditingController();
+  late S _s;
 
   @override
   void dispose() {
@@ -37,7 +39,7 @@ class _DockerManagePageState extends State<DockerManagePage> {
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    s = S.of(context);
+    _s = S.of(context);
   }
 
   @override
@@ -48,79 +50,350 @@ class _DockerManagePageState extends State<DockerManagePage> {
         .firstWhere((element) => element.info == widget.spi)
         .client;
     if (client == null) {
-      showSnackBar(context, Text(s.noClient));
+      showSnackBar(context, Text(_s.noClient));
       Navigator.of(context).pop();
       return;
     }
-    _docker.init(client);
+    _docker.init(client, widget.spi.user, onPwdRequest, widget.spi.id);
   }
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        centerTitle: true,
-        title: TwoLineText(up: 'Docker', down: widget.spi.name),
-      ),
-      body: _buildMain(),
-    );
-  }
-
-  Widget _buildMain() {
     return Consumer<DockerProvider>(builder: (_, docker, __) {
-      final running = docker.items;
-      if (docker.error != null && running == null) {
-        return SizedBox.expand(
-          child: Column(
-            mainAxisAlignment: MainAxisAlignment.center,
-            crossAxisAlignment: CrossAxisAlignment.center,
-            children: [
-              const Icon(
-                Icons.error,
-                size: 37,
-              ),
-              const SizedBox(height: 27),
-              Text(docker.error!),
-              const SizedBox(height: 27),
-              Padding(
-                padding: const EdgeInsets.all(17),
-                child: _buildSolution(docker.error!),
-              )
-            ],
-          ),
-        );
-      }
-      if (running == null) {
-        _docker.refresh();
-        return centerLoading;
-      }
-      return ListView(
-        padding: const EdgeInsets.all(7),
-        children: [
-          _buildVersion(
-              docker.edition ?? s.unknown, docker.version ?? s.unknown),
-          _buildPsItems(running, docker)
-        ].map((e) => RoundRectCard(e)).toList(),
+      return Scaffold(
+        appBar: AppBar(
+          centerTitle: true,
+          title: TwoLineText(up: 'Docker', down: widget.spi.name),
+          actions: [
+            IconButton(
+              onPressed: () => docker.refresh(),
+              icon: const Icon(Icons.refresh),
+            )
+          ],
+        ),
+        body: _buildMain(docker),
+        floatingActionButton: _buildFAB(docker),
       );
     });
   }
 
-  Widget _buildSolution(String err) {
-    switch (err) {
-      case 'docker not found':
+  Widget _buildFAB(DockerProvider docker) {
+    return FloatingActionButton(
+      onPressed: () async => await _showAddFAB(docker),
+      child: const Icon(Icons.add),
+    );
+  }
+
+  Future<void> _showAddFAB(DockerProvider docker) async {
+    final imageCtrl = TextEditingController();
+    final nameCtrl = TextEditingController();
+    final argsCtrl = TextEditingController();
+    await showRoundDialog(
+      context,
+      _s.newContainer,
+      Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          TextField(
+            keyboardType: TextInputType.text,
+            decoration: InputDecoration(
+                labelText: _s.dockerImage, hintText: 'ubuntu:22.10'),
+            controller: imageCtrl,
+            autocorrect: false,
+          ),
+          TextField(
+            keyboardType: TextInputType.text,
+            controller: nameCtrl,
+            decoration: InputDecoration(
+                labelText: _s.dockerContainerName, hintText: 'ubuntu22'),
+            autocorrect: false,
+          ),
+          TextField(
+            keyboardType: TextInputType.text,
+            controller: argsCtrl,
+            decoration: InputDecoration(
+                labelText: _s.extraArgs,
+                hintText: '-p 2222:22 -v ~/.xxx/:/xxx'),
+            autocorrect: false,
+          ),
+        ],
+      ),
+      [
+        TextButton(
+          onPressed: () => Navigator.of(context).pop(),
+          child: Text(_s.cancel),
+        ),
+        TextButton(
+          onPressed: () async {
+            Navigator.of(context).pop();
+            await _showAddCmdPreview(
+              _buildAddCmd(
+                imageCtrl.text.trim(),
+                nameCtrl.text.trim(),
+                argsCtrl.text.trim(),
+              ),
+            );
+          },
+          child: Text(_s.ok),
+        )
+      ],
+    );
+  }
+
+  Future<void> _showAddCmdPreview(String cmd) async {
+    await showRoundDialog(
+      context,
+      _s.preview,
+      Text(cmd),
+      [
+        TextButton(
+          onPressed: () => Navigator.of(context).pop(),
+          child: Text(_s.cancel),
+        ),
+        TextButton(
+          onPressed: () async {
+            Navigator.of(context).pop();
+            final result = await _docker.run(cmd);
+            if (result != null) {
+              showSnackBar(context, Text(getErrMsg(result) ?? _s.unknownError));
+            }
+          },
+          child: Text(_s.run),
+        )
+      ],
+    );
+  }
+
+  String _buildAddCmd(String image, String name, String args) {
+    var suffix = '';
+    if (args.isEmpty) {
+      suffix = image;
+    } else {
+      suffix = '$args $image';
+    }
+    if (name.isEmpty) {
+      return 'docker run -itd $suffix';
+    }
+    return 'docker run -itd --name $name $suffix';
+  }
+
+  String? getErrMsg(DockerErr err) {
+    switch (err.type) {
+      default:
+        return err.message;
+    }
+  }
+
+  void onSubmitted() {
+    if (_textController.text == '') {
+      showRoundDialog(context, _s.attention, Text(_s.fieldMustNotEmpty), [
+        TextButton(
+            onPressed: () => Navigator.of(context).pop(), child: Text(_s.ok)),
+      ]);
+      return;
+    }
+    Navigator.of(context).pop();
+  }
+
+  Future<String> onPwdRequest() async {
+    if (!mounted) return '';
+    await showRoundDialog(
+      context,
+      widget.spi.user,
+      TextField(
+        controller: _textController,
+        keyboardType: TextInputType.visiblePassword,
+        obscureText: true,
+        onSubmitted: (_) => onSubmitted(),
+        decoration: InputDecoration(
+          labelText: _s.pwd,
+        ),
+      ),
+      [
+        TextButton(
+          onPressed: () {
+            Navigator.of(context).pop();
+            Navigator.of(context).pop();
+          },
+          child: Text(_s.cancel),
+        ),
+        TextButton(
+          onPressed: () => onSubmitted(),
+          child: Text(
+            _s.ok,
+            style: const TextStyle(color: Colors.red),
+          ),
+        ),
+      ],
+    );
+    return _textController.text.trim();
+  }
+
+  Widget _buildMain(DockerProvider docker) {
+    final running = docker.items;
+    if (docker.error != null && running == null) {
+      return SizedBox.expand(
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          crossAxisAlignment: CrossAxisAlignment.center,
+          children: [
+            const Icon(
+              Icons.error,
+              size: 37,
+            ),
+            const SizedBox(height: 27),
+            _buildErr(docker.error!),
+            const SizedBox(height: 27),
+            Padding(
+              padding: const EdgeInsets.all(17),
+              child: _buildSolution(docker.error!),
+            )
+          ],
+        ),
+      );
+    }
+    if (running == null) {
+      _docker.refresh();
+      return centerLoading;
+    }
+
+    return ListView(
+      padding: const EdgeInsets.all(7),
+      children: [
+        _buildLoading(docker),
+        _buildVersion(
+            docker.edition ?? _s.unknown, docker.version ?? _s.unknown),
+        _buildPsItems(running, docker),
+        _buildImages(docker),
+        _buildEditHost(running, docker),
+      ].map((e) => RoundRectCard(e)).toList(),
+    );
+  }
+
+  Widget _buildImages(DockerProvider docker) {
+    if (docker.images == null) {
+      return const SizedBox();
+    }
+    return ExpansionTile(
+        title: Text(_s.imagesList),
+        subtitle: Text(
+          _s.dockerImagesFmt(docker.images!.length),
+          style: grey,
+        ),
+        children: docker.images!
+            .map(
+              (e) => ListTile(
+                title: Text(e.repo),
+                subtitle: Text('${e.tag} - ${e.size}'),
+                trailing: IconButton(
+                  icon: const Icon(Icons.delete),
+                  onPressed: () async {
+                    final result = await _docker.run('docker rmi ${e.id} -f');
+                    if (result != null) {
+                      showSnackBar(
+                          context, Text(getErrMsg(result) ?? _s.unknownError));
+                    }
+                  },
+                ),
+              ),
+            )
+            .toList());
+  }
+
+  Widget _buildLoading(DockerProvider docker) {
+    if (!docker.isBusy) return const SizedBox();
+    final haveLog = docker.runLog != null;
+    return Padding(
+      padding: const EdgeInsets.all(17),
+      child: Column(
+        children: [
+          const Center(
+            child: CircularProgressIndicator(),
+          ),
+          haveLog ? const SizedBox(height: 17) : const SizedBox(),
+          haveLog ? Text(docker.runLog!) : const SizedBox()
+        ],
+      ),
+    );
+  }
+
+  Widget _buildEditHost(List<DockerPsItem> running, DockerProvider docker) {
+    if (running.isNotEmpty) return const SizedBox();
+    return Padding(
+      padding: const EdgeInsets.fromLTRB(17, 17, 17, 0),
+      child: Column(
+        children: [
+          Text(
+            _s.dockerEmptyRunningItems,
+            textAlign: TextAlign.center,
+          ),
+          TextButton(
+            onPressed: () => _showEditHostDialog(docker),
+            child: Text(_s.dockerEditHost),
+          )
+        ],
+      ),
+    );
+  }
+
+  Future<void> _showEditHostDialog(DockerProvider docker) async {
+    await showRoundDialog(
+      context,
+      _s.dockerEditHost,
+      TextField(
+        maxLines: 1,
+        autocorrect: false,
+        controller:
+            TextEditingController(text: 'unix:///run/user/1000/docker.sock'),
+        onSubmitted: (value) {
+          locator<DockerStore>().setDockerHost(widget.spi.id, value.trim());
+          docker.refresh();
+          Navigator.of(context).pop();
+        },
+      ),
+      [
+        TextButton(
+          onPressed: () => Navigator.of(context).pop(),
+          child: Text(_s.cancel),
+        ),
+      ],
+    );
+  }
+
+  Widget _buildErr(DockerErr err) {
+    var errStr = '';
+    switch (err.type) {
+      case DockerErrType.noClient:
+        errStr = _s.noClient;
+        break;
+      case DockerErrType.notInstalled:
+        errStr = _s.dockerNotInstalled;
+        break;
+      case DockerErrType.invalidVersion:
+        errStr = _s.invalidVersion;
+        break;
+      default:
+        errStr = err.message ?? _s.unknown;
+    }
+    return Text(errStr);
+  }
+
+  Widget _buildSolution(DockerErr err) {
+    switch (err.type) {
+      case DockerErrType.notInstalled:
         return UrlText(
-          text: s.installDockerWithUrl,
-          replace: s.install,
+          text: _s.installDockerWithUrl,
+          replace: _s.install,
         );
-      case 'no client':
-        return Text(s.waitConnection);
-      case 'invalid version':
+      case DockerErrType.noClient:
+        return Text(_s.waitConnection);
+      case DockerErrType.invalidVersion:
         return UrlText(
-          text: s.invalidVersionHelp(issueUrl),
+          text: _s.invalidVersionHelp(issueUrl),
           replace: 'Github',
         );
       default:
-        return Text(s.unknownError);
+        return Text(_s.unknownError);
     }
   }
 
@@ -136,65 +409,52 @@ class _DockerManagePageState extends State<DockerManagePage> {
 
   Widget _buildPsItems(List<DockerPsItem> running, DockerProvider docker) {
     return ExpansionTile(
-      title: Text(s.containerStatus),
-      subtitle: Text(_buildSubtitle(running), style: greyTextStyle),
-      children: running.map((item) {
-        return ListTile(
-          title: Text(item.image),
-          subtitle: Text(item.status),
-          trailing: docker.isBusy
-              ? const CircularProgressIndicator()
-              : _buildMoreBtn(item.running, item.containerId),
-        );
-      }).toList(),
+      title: Text(_s.containerStatus),
+      subtitle: Text(_buildSubtitle(running), style: grey),
+      children: running.map(
+        (item) {
+          return ListTile(
+            title: Text(item.image),
+            subtitle: Text(item.status),
+            trailing:
+                _buildMoreBtn(item.running, item.containerId, docker.isBusy),
+          );
+        },
+      ).toList(),
     );
   }
 
-  Widget _buildMoreBtn(bool running, String containerId) {
+  Widget _buildMoreBtn(bool running, String containerId, bool busy) {
     final item = running ? DockerMenuItems.stop : DockerMenuItems.start;
-    return DropdownButtonHideUnderline(
-      child: DropdownButton2(
-        customButton: const Padding(
-          padding: EdgeInsets.only(left: 7),
-          child: Icon(
-            Icons.more_vert,
-            size: 17,
-          ),
+    return buildPopuopMenu(
+      items: [
+        PopupMenuItem<DropdownBtnItem>(
+          value: item,
+          child: item.build,
         ),
-        customItemsHeight: 8,
-        items: [
-          DropdownMenuItem<DropdownBtnItem>(
-            value: item,
-            child: item.build,
-          ),
-          DropdownMenuItem<DropdownBtnItem>(
-            value: DockerMenuItems.rm,
-            child: DockerMenuItems.rm.build,
-          ),
-        ],
-        onChanged: (value) {
-          final item = value as DropdownBtnItem;
-          switch (item) {
-            case DockerMenuItems.rm:
-              _docker.delete(containerId);
-              break;
-            case DockerMenuItems.start:
-              _docker.start(containerId);
-              break;
-            case DockerMenuItems.stop:
-              _docker.stop(containerId);
-              break;
-          }
-        },
-        itemHeight: 37,
-        itemPadding: const EdgeInsets.only(left: 17, right: 17),
-        dropdownWidth: 133,
-        dropdownDecoration: BoxDecoration(
-          borderRadius: BorderRadius.circular(7),
+        PopupMenuItem<DropdownBtnItem>(
+          value: DockerMenuItems.rm,
+          child: DockerMenuItems.rm.build,
         ),
-        dropdownElevation: 8,
-        offset: const Offset(0, 8),
-      ),
+      ],
+      onSelected: (value) {
+        if (busy) {
+          showSnackBar(context, Text(_s.isBusy));
+          return;
+        }
+        final item = value as DropdownBtnItem;
+        switch (item) {
+          case DockerMenuItems.rm:
+            _docker.delete(containerId);
+            break;
+          case DockerMenuItems.start:
+            _docker.start(containerId);
+            break;
+          case DockerMenuItems.stop:
+            _docker.stop(containerId);
+            break;
+        }
+      },
     );
   }
 
@@ -202,8 +462,8 @@ class _DockerManagePageState extends State<DockerManagePage> {
     final runningCount = running.where((element) => element.running).length;
     final stoped = running.length - runningCount;
     if (stoped == 0) {
-      return s.dockerStatusRunningFmt(runningCount);
+      return _s.dockerStatusRunningFmt(runningCount);
     }
-    return s.dockerStatusRunningAndStoppedFmt(runningCount, stoped);
+    return _s.dockerStatusRunningAndStoppedFmt(runningCount, stoped);
   }
 }

lib/view/page/home.dart

@@ -1,9 +1,8 @@
 import 'package:after_layout/after_layout.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter_advanced_drawer/flutter_advanced_drawer.dart';
+import 'package:flutter/services.dart';
 import 'package:get_it/get_it.dart';
 import 'package:toolbox/core/analysis.dart';
-import 'package:toolbox/core/build_mode.dart';
 import 'package:toolbox/core/route.dart';
 import 'package:toolbox/core/update.dart';
 import 'package:toolbox/core/utils.dart';
@@ -12,12 +11,13 @@ import 'package:toolbox/data/provider/server.dart';
 import 'package:toolbox/data/res/build_data.dart';
 import 'package:toolbox/data/res/color.dart';
 import 'package:toolbox/data/res/font_style.dart';
-import 'package:toolbox/data/res/icon/common.dart';
+import 'package:toolbox/data/res/icon.dart';
 import 'package:toolbox/data/res/tab.dart';
 import 'package:toolbox/data/res/url.dart';
 import 'package:toolbox/data/store/setting.dart';
 import 'package:toolbox/generated/l10n.dart';
 import 'package:toolbox/locator.dart';
+import 'package:toolbox/view/page/backup.dart';
 import 'package:toolbox/view/page/convert.dart';
 import 'package:toolbox/view/page/debug.dart';
 import 'package:toolbox/view/page/ping.dart';
@@ -39,15 +39,13 @@ class MyHomePage extends StatefulWidget {
 class _MyHomePageState extends State<MyHomePage>
     with
         AutomaticKeepAliveClientMixin,
-        SingleTickerProviderStateMixin,
         AfterLayoutMixin,
         WidgetsBindingObserver {
   late final ServerProvider _serverProvider;
   late final PageController _pageController;
-  late final AdvancedDrawerController _advancedDrawerController;
   late int _selectIndex;
   late double _width;
-  late S s;
+  late S _s;
 
   @override
   void initState() {
@@ -56,13 +54,12 @@ class _MyHomePageState extends State<MyHomePage>
     WidgetsBinding.instance.addObserver(this);
     _selectIndex = locator<SettingStore>().launchPage.fetch()!;
     _pageController = PageController(initialPage: _selectIndex);
-    _advancedDrawerController = AdvancedDrawerController();
   }
 
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    s = S.of(context);
+    _s = S.of(context);
     _width = MediaQuery.of(context).size.width;
   }
 
@@ -70,6 +67,7 @@ class _MyHomePageState extends State<MyHomePage>
   void dispose() {
     super.dispose();
     WidgetsBinding.instance.removeObserver(this);
+    _serverProvider.closeServer();
   }
 
   @override
@@ -87,79 +85,34 @@ class _MyHomePageState extends State<MyHomePage>
   @override
   Widget build(BuildContext context) {
     super.build(context);
-    return WillPopScope(
-        child: _buildMain(context),
-        onWillPop: () {
-          if (_advancedDrawerController.value.visible) {
-            _advancedDrawerController.hideDrawer();
-            return Future.value(false);
-          }
-          return Future.value(true);
-        });
-  }
-
-  Widget _buildMain(BuildContext context) {
-    return AdvancedDrawer(
-        controller: _advancedDrawerController,
-        animationCurve: Curves.easeInOut,
-        animationDuration: const Duration(milliseconds: 300),
-        animateChildDecoration: true,
-        rtlOpening: false,
-        childDecoration: const BoxDecoration(
-          // NOTICE: Uncomment if you want to add shadow behind the page.
-          // Keep in mind that it may cause animation jerks.
-          // boxShadow: <BoxShadow>[
-          //   BoxShadow(
-          //     color: Colors.black12,
-          //     blurRadius: 0.0,
-          //   ),
-          // ],
-          borderRadius: BorderRadius.all(Radius.circular(16)),
-        ),
-        drawer: _buildDrawer(),
-        child: Scaffold(
-          appBar: AppBar(
-            title: Text(tabTitleName(context, _selectIndex), style: size18),
-            actions: [
-              IconButton(
-                icon: const Icon(Icons.developer_mode, size: 23),
-                tooltip: s.debug,
-                onPressed: () =>
-                    AppRoute(const DebugPage(), 'Debug Page').go(context),
-              ),
-            ],
-            leading: IconButton(
-              onPressed: () => _advancedDrawerController.showDrawer(),
-              icon: ValueListenableBuilder<AdvancedDrawerValue>(
-                valueListenable: _advancedDrawerController,
-                builder: (_, value, __) {
-                  return AnimatedSwitcher(
-                    duration: const Duration(milliseconds: 250),
-                    child: Icon(
-                      value.visible ? Icons.clear : Icons.menu,
-                      key: ValueKey<bool>(value.visible),
-                    ),
-                  );
-                },
-              ),
-            ),
+    return Scaffold(
+      drawer: _buildDrawer(),
+      appBar: AppBar(
+        title: Text(tabTitleName(context, _selectIndex), style: textSize18),
+        actions: [
+          IconButton(
+            icon: const Icon(Icons.developer_mode, size: 23),
+            tooltip: _s.debug,
+            onPressed: () =>
+                AppRoute(const DebugPage(), 'Debug Page').go(context),
           ),
-          body: PageView(
-            physics: const ClampingScrollPhysics(),
-            controller: _pageController,
-            onPageChanged: (i) {
-              FocusScope.of(context).unfocus();
-              _selectIndex = i;
-              setState(() {});
-            },
-            children: const [ServerPage(), ConvertPage(), PingPage()],
-          ),
-          bottomNavigationBar: _buildBottom(context),
-        ));
+        ],
+      ),
+      body: PageView(
+        physics: const ClampingScrollPhysics(),
+        controller: _pageController,
+        onPageChanged: (i) {
+          FocusScope.of(context).requestFocus(FocusNode());
+          _selectIndex = i;
+          setState(() {});
+        },
+        children: const [ServerPage(), ConvertPage(), PingPage()],
+      ),
+      bottomNavigationBar: _buildBottom(context),
+    );
   }
 
   Widget _buildItem(int idx, NavigationItem item, bool isSelected) {
-    bool isDarkMode = Theme.of(context).brightness == Brightness.dark;
     final width = _width / tabItems.length;
     return AnimatedContainer(
       duration: const Duration(milliseconds: 377),
@@ -167,12 +120,15 @@ class _MyHomePageState extends State<MyHomePage>
       height: 50,
       width: isSelected ? width : width - 17,
       decoration: BoxDecoration(
-          color: isSelected
-              ? isDarkMode
-                  ? Colors.white12
-                  : Colors.black.withOpacity(0.07)
-              : Colors.transparent,
-          borderRadius: const BorderRadius.all(Radius.circular(50))),
+        color: isSelected
+            ? isDarkMode(context)
+                ? Colors.white12
+                : Colors.black.withOpacity(0.07)
+            : Colors.transparent,
+        borderRadius: const BorderRadius.all(
+          Radius.circular(50),
+        ),
+      ),
       child: IconButton(
         icon: Icon(item.icon),
         tooltip: tabTitleName(context, idx),
@@ -191,28 +147,31 @@ class _MyHomePageState extends State<MyHomePage>
 
   Widget _buildBottom(BuildContext context) {
     return SafeArea(
-        child: Container(
-      height: 56,
-      padding: const EdgeInsets.only(left: 8, top: 4, bottom: 4, right: 8),
-      width: _width,
-      child: Row(
-        mainAxisAlignment: MainAxisAlignment.spaceEvenly,
-        children: tabItems.map((item) {
-          int itemIndex = tabItems.indexOf(item);
-          return _buildItem(itemIndex, item, _selectIndex == itemIndex);
-        }).toList(),
+      child: Container(
+        height: 56,
+        padding: const EdgeInsets.only(left: 8, top: 4, bottom: 4, right: 8),
+        width: _width,
+        child: Row(
+          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
+          children: tabItems.map(
+            (item) {
+              int itemIndex = tabItems.indexOf(item);
+              return _buildItem(itemIndex, item, _selectIndex == itemIndex);
+            },
+          ).toList(),
+        ),
       ),
-    ));
+    );
   }
 
   Widget _buildDrawer() {
-    return SafeArea(
+    return Drawer(
       child: Column(
         mainAxisAlignment: MainAxisAlignment.center,
         children: [
           _buildIcon(),
           const Text(BuildData.name),
-          Text(_buildVersionStr()),
+          Text(_versionStr),
           SizedBox(
             height: MediaQuery.of(context).size.height * 0.07,
           ),
@@ -222,44 +181,82 @@ class _MyHomePageState extends State<MyHomePage>
               children: [
                 ListTile(
                   leading: const Icon(Icons.settings),
-                  title: Text(s.setting),
+                  title: Text(_s.setting),
                   onTap: () =>
                       AppRoute(const SettingPage(), 'Setting').go(context),
                 ),
                 ListTile(
                   leading: const Icon(Icons.vpn_key),
-                  title: Text(s.privateKey),
+                  title: Text(_s.privateKey),
                   onTap: () => AppRoute(
                           const StoredPrivateKeysPage(), 'private key list')
                       .go(context),
                 ),
                 ListTile(
                   leading: const Icon(Icons.download),
-                  title: Text(s.download),
+                  title: Text(_s.download),
                   onTap: () =>
                       AppRoute(const SFTPDownloadedPage(), 'snippet list')
                           .go(context),
                 ),
+                ListTile(
+                  leading: const Icon(Icons.import_export),
+                  title: Text(_s.backup),
+                  onTap: () =>
+                      AppRoute(BackupPage(), 'backup page').go(context),
+                ),
+                ListTile(
+                  leading: const Icon(Icons.info),
+                  title: Text(_s.feedback),
+                  onTap: () => showRoundDialog(
+                    context,
+                    _s.feedback,
+                    Text(_s.feedbackOnGithub),
+                    [
+                      TextButton(
+                        onPressed: () => Clipboard.setData(
+                            const ClipboardData(text: issueUrl)),
+                        child: Text(_s.copy),
+                      ),
+                      TextButton(
+                        onPressed: () => openUrl(issueUrl),
+                        child: Text(_s.feedback),
+                      ),
+                      TextButton(
+                        onPressed: () => Navigator.of(context).pop(),
+                        child: Text(_s.close),
+                      )
+                    ],
+                  ),
+                ),
                 ListTile(
                   leading: const Icon(Icons.snippet_folder),
-                  title: Text(s.snippet),
+                  title: Text(_s.snippet),
                   onTap: () => AppRoute(const SnippetListPage(), 'snippet list')
                       .go(context),
                 ),
                 AboutListTile(
                   icon: const Icon(Icons.text_snippet),
                   applicationName: BuildData.name,
-                  applicationVersion: _buildVersionStr(),
+                  applicationVersion: _versionStr,
                   applicationIcon: _buildIcon(),
                   aboutBoxChildren: [
                     UrlText(
-                        text: s.madeWithLove(myGithub), replace: 'LollipopKit'),
+                        text: _s.madeWithLove(myGithub),
+                        replace: 'lollipopkit'),
                     UrlText(
-                      text: s.aboutThanks(rainSunMeGithub),
+                      text: _s.aboutThanks,
+                    ),
+                    const UrlText(
+                      text: rainSunMeGithub,
                       replace: 'RainSunMe',
                     ),
+                    const UrlText(
+                      text: fectureGithub,
+                      replace: 'fecture',
+                    )
                   ],
-                  child: Text(s.license),
+                  child: Text(_s.license),
                 )
               ],
             ),
@@ -274,10 +271,11 @@ class _MyHomePageState extends State<MyHomePage>
       alignment: Alignment.center,
       children: [
         ConstrainedBox(
-            constraints: const BoxConstraints(maxHeight: 53, maxWidth: 53),
-            child: Container(
-              color: primaryColor,
-            )),
+          constraints: const BoxConstraints(maxHeight: 53, maxWidth: 53),
+          child: Container(
+            color: primaryColor,
+          ),
+        ),
         ConstrainedBox(
           constraints: const BoxConstraints(maxHeight: 83, maxWidth: 83),
           child: appIcon,
@@ -286,7 +284,7 @@ class _MyHomePageState extends State<MyHomePage>
     );
   }
 
-  String _buildVersionStr() {
+  String get _versionStr {
     var mod = '';
     if (BuildData.modifications != 0) {
       mod = '(+${BuildData.modifications})';
@@ -302,8 +300,6 @@ class _MyHomePageState extends State<MyHomePage>
     await GetIt.I.allReady();
     await locator<ServerProvider>().loadLocalData();
     await doUpdate(context);
-    if (BuildMode.isRelease) {
-      await Analysis.init(false);
-    }
+    await Analysis.init();
   }
 }

lib/view/page/ping.dart

@@ -4,11 +4,18 @@ import 'package:toolbox/core/utils.dart';
 import 'package:toolbox/data/model/server/ping_result.dart';
 import 'package:toolbox/data/provider/server.dart';
 import 'package:toolbox/data/res/color.dart';
+import 'package:toolbox/data/res/font_style.dart';
 import 'package:toolbox/generated/l10n.dart';
 import 'package:toolbox/locator.dart';
 import 'package:toolbox/view/widget/input_field.dart';
 import 'package:toolbox/view/widget/round_rect_card.dart';
 
+final doaminReg =
+    RegExp(r'^[a-zA-Z0-9][a-zA-Z0-9-]{1,61}[a-zA-Z0-9]\.[a-zA-Z]{2,}$');
+final ipv4Reg =
+    RegExp(r'^((25[0-5]|(2[0-4]|1[0-9]|[1-9]|)[0-9])(\.(?!$)|$)){4}$');
+final ipv6Reg = RegExp(r'^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$');
+
 class PingPage extends StatefulWidget {
   const PingPage({Key? key}) : super(key: key);
 
@@ -21,10 +28,8 @@ class _PingPageState extends State<PingPage>
   late TextEditingController _textEditingController;
   late MediaQueryData _media;
   final List<PingResult> _results = [];
+  final _serverProvider = locator<ServerProvider>();
   late S s;
-  static const summaryTextStyle = TextStyle(
-    fontSize: 12,
-  );
 
   @override
   void initState() {
@@ -43,27 +48,39 @@ class _PingPageState extends State<PingPage>
   Widget build(BuildContext context) {
     super.build(context);
     return Scaffold(
-      body: GestureDetector(
-        child: SingleChildScrollView(
-            padding: const EdgeInsets.symmetric(horizontal: 7),
-            child: Column(children: [
-              const SizedBox(height: 13),
-              buildInput(context, _textEditingController,
-                  maxLines: 1, onSubmitted: (_) => doPing()),
-              _buildControl(),
-              SizedBox(
-                width: double.infinity,
-                height: _media.size.height * 0.6,
-                child: ListView.builder(
-                    controller: ScrollController(),
-                    itemCount: _results.length,
-                    itemBuilder: (context, index) {
-                      final result = _results[index];
-                      return _buildResultItem(result);
-                    }),
-              ),
-            ])),
-        onTap: () => FocusScope.of(context).requestFocus(FocusNode()),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.symmetric(horizontal: 7),
+        child: Column(
+          children: [
+            const SizedBox(height: 13),
+            buildInput(context, _textEditingController,
+                hint: s.inputDomainHere,
+                maxLines: 1,
+                onSubmitted: (_) => doPing()),
+            SizedBox(
+              width: double.infinity,
+              height: _media.size.height * 0.6,
+              child: ListView.builder(
+                  controller: ScrollController(),
+                  itemCount: _results.length,
+                  itemBuilder: (context, index) {
+                    final result = _results[index];
+                    return _buildResultItem(result);
+                  }),
+            ),
+          ],
+        ),
+      ),
+      floatingActionButton: FloatingActionButton(
+        heroTag: 'ping fab',
+        onPressed: () {
+          try {
+            doPing();
+          } catch (e) {
+            showSnackBar(context, Text('Error: \n$e'));
+          }
+        },
+        child: const Icon(Icons.play_arrow),
       ),
     );
   }
@@ -71,19 +88,30 @@ class _PingPageState extends State<PingPage>
   Widget _buildResultItem(PingResult result) {
     final unknown = s.unknown;
     final ms = s.ms;
-    return RoundRectCard(ListTile(
-      contentPadding: const EdgeInsets.symmetric(vertical: 7, horizontal: 17),
-      title: Text(result.serverName,
+    return RoundRectCard(
+      ListTile(
+        contentPadding: const EdgeInsets.symmetric(vertical: 7, horizontal: 17),
+        title: Text(
+          result.serverName,
           style: TextStyle(
-              fontSize: 18, fontWeight: FontWeight.bold, color: primaryColor)),
-      subtitle: Text(
-        _buildPingSummary(result, unknown, ms),
-        style: summaryTextStyle,
-      ),
-      trailing: Text(
+            fontSize: 18,
+            fontWeight: FontWeight.bold,
+            color: primaryColor,
+          ),
+        ),
+        subtitle: Text(
+          _buildPingSummary(result, unknown, ms),
+          style: textSize11,
+        ),
+        trailing: Text(
           '${s.pingAvg}${result.statistic?.avg?.toStringAsFixed(2) ?? s.unknown} $ms',
-          style: TextStyle(fontSize: 14, color: primaryColor)),
-    ));
+          style: TextStyle(
+            fontSize: 14,
+            color: primaryColor,
+          ),
+        ),
+      ),
+    );
   }
 
   String _buildPingSummary(PingResult result, String unknown, String ms) {
@@ -99,6 +127,7 @@ class _PingPageState extends State<PingPage>
   }
 
   Future<void> doPing() async {
+    FocusScope.of(context).requestFocus(FocusNode());
     _results.clear();
     final target = _textEditingController.text.trim();
     if (target.isEmpty) {
@@ -106,67 +135,30 @@ class _PingPageState extends State<PingPage>
       return;
     }
 
-    await Future.wait(locator<ServerProvider>().servers.map((e) async {
-      if (e.client == null) {
-        return;
-      }
-      final result = await e.client!.run('ping -c 3 $target').string;
-      _results.add(PingResult.parse(e.info.name, result));
-      setState(() {});
-    }));
-  }
+    if (_serverProvider.servers.isEmpty) {
+      showSnackBar(context, Text(s.pingNoServer));
+      return;
+    }
 
-  Widget _buildControl() {
-    return SizedBox(
-      height: 57,
-      child: RoundRectCard(
-        InkWell(
-          onTap: () => FocusScope.of(context).unfocus(),
-          child: Row(
-            mainAxisAlignment: MainAxisAlignment.spaceAround,
-            children: [
-              TextButton(
-                style: ButtonStyle(
-                    foregroundColor: MaterialStateProperty.all(primaryColor)),
-                child: Row(
-                  children: [
-                    const Icon(Icons.delete),
-                    const SizedBox(
-                      width: 7,
-                    ),
-                    Text(s.clear)
-                  ],
-                ),
-                onPressed: () {
-                  _results.clear();
-                  setState(() {});
-                },
-              ),
-              TextButton(
-                style: ButtonStyle(
-                    foregroundColor: MaterialStateProperty.all(primaryColor)),
-                child: Row(
-                  children: [
-                    const Icon(Icons.play_arrow),
-                    const SizedBox(
-                      width: 7,
-                    ),
-                    Text(s.start)
-                  ],
-                ),
-                onPressed: () {
-                  try {
-                    doPing();
-                  } catch (e) {
-                    showSnackBar(context, Text('Error: \n$e'));
-                  }
-                },
-              )
-            ],
-          ),
-        ),
-      ),
-    );
+    if (!doaminReg.hasMatch(target) &&
+        !ipv4Reg.hasMatch(target) &&
+        !ipv6Reg.hasMatch(target)) {
+      showSnackBar(context, Text(s.pingInputIP));
+      return;
+    }
+
+    try {
+      await Future.wait(_serverProvider.servers.map((e) async {
+        if (e.client == null) {
+          return;
+        }
+        final result = await e.client!.run('ping -c 3 $target').string;
+        _results.add(PingResult.parse(e.info.name, result));
+        setState(() {});
+      }));
+    } catch (e) {
+      showSnackBar(context, Text(e.toString()));
+    }
   }
 
   @override

lib/view/page/pkg.dart

@@ -0,0 +1,261 @@
+import 'package:flutter/material.dart';
+import 'package:provider/provider.dart';
+import 'package:toolbox/core/utils.dart';
+import 'package:toolbox/data/model/pkg/upgrade_info.dart';
+import 'package:toolbox/data/model/server/dist.dart';
+import 'package:toolbox/data/model/server/server_private_info.dart';
+import 'package:toolbox/data/provider/pkg.dart';
+import 'package:toolbox/data/provider/server.dart';
+import 'package:toolbox/data/res/font_style.dart';
+import 'package:toolbox/data/res/url.dart';
+import 'package:toolbox/generated/l10n.dart';
+import 'package:toolbox/locator.dart';
+import 'package:toolbox/view/widget/center_loading.dart';
+import 'package:toolbox/view/widget/round_rect_card.dart';
+import 'package:toolbox/view/widget/two_line_text.dart';
+import 'package:toolbox/view/widget/url_text.dart';
+
+class PkgManagePage extends StatefulWidget {
+  const PkgManagePage(this.spi, {Key? key}) : super(key: key);
+
+  final ServerPrivateInfo spi;
+
+  @override
+  _PkgManagePageState createState() => _PkgManagePageState();
+}
+
+class _PkgManagePageState extends State<PkgManagePage>
+    with SingleTickerProviderStateMixin {
+  late MediaQueryData _media;
+  final _scrollController = ScrollController();
+  final _scrollControllerUpdate = ScrollController();
+  final _textController = TextEditingController();
+  final _aptProvider = locator<PkgProvider>();
+  late S _s;
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    _media = MediaQuery.of(context);
+    _s = S.of(context);
+  }
+
+  @override
+  void dispose() {
+    super.dispose();
+    locator<PkgProvider>().clear();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+    final si = locator<ServerProvider>()
+        .servers
+        .firstWhere((e) => e.info == widget.spi);
+    if (si.client == null) {
+      showSnackBar(context, Text(_s.waitConnection));
+      Navigator.of(context).pop();
+      return;
+    }
+
+    _aptProvider.init(
+      si.client!,
+      si.status.sysVer.dist,
+      () =>
+          _scrollController.jumpTo(_scrollController.position.maxScrollExtent),
+      () => _scrollControllerUpdate
+          .jumpTo(_scrollController.position.maxScrollExtent),
+      onPwdRequest,
+      widget.spi.user,
+    );
+    _aptProvider.refresh();
+  }
+
+  void onSubmitted() {
+    if (_textController.text == '') {
+      showRoundDialog(
+        context,
+        _s.attention,
+        Text(_s.fieldMustNotEmpty),
+        [
+          TextButton(
+              onPressed: () => Navigator.of(context).pop(), child: Text(_s.ok)),
+        ],
+      );
+      return;
+    }
+    Navigator.of(context).pop();
+  }
+
+  Future<String> onPwdRequest() async {
+    if (!mounted) return '';
+    await showRoundDialog(
+      context,
+      widget.spi.user,
+      TextField(
+        controller: _textController,
+        keyboardType: TextInputType.visiblePassword,
+        obscureText: true,
+        onSubmitted: (_) => onSubmitted(),
+        decoration: InputDecoration(
+          labelText: _s.pwd,
+        ),
+      ),
+      [
+        TextButton(
+            onPressed: () {
+              Navigator.of(context).pop();
+              Navigator.of(context).pop();
+            },
+            child: Text(_s.cancel)),
+        TextButton(
+            onPressed: () => onSubmitted(),
+            child: Text(
+              _s.ok,
+              style: const TextStyle(color: Colors.red),
+            )),
+      ],
+    );
+    return _textController.text.trim();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        centerTitle: true,
+        title: TwoLineText(up: 'Apt', down: widget.spi.name),
+      ),
+      body: Consumer<PkgProvider>(builder: (_, apt, __) {
+        if (apt.error != null) {
+          return Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            children: [
+              const Icon(
+                Icons.error,
+                color: Colors.redAccent,
+                size: 37,
+              ),
+              const SizedBox(
+                height: 37,
+              ),
+              SizedBox(
+                height: _media.size.height * 0.4,
+                child: Padding(
+                  padding: const EdgeInsets.all(17),
+                  child: RoundRectCard(
+                    SingleChildScrollView(
+                      padding: const EdgeInsets.all(17),
+                      child: Text(
+                        apt.error!,
+                        textAlign: TextAlign.center,
+                      ),
+                    ),
+                  ),
+                ),
+              ),
+            ],
+          );
+        }
+        if (apt.updateLog == null && apt.upgradeable == null) {
+          return centerLoading;
+        }
+        if (apt.updateLog != null && apt.upgradeable == null) {
+          return SizedBox(
+            height:
+                _media.size.height - _media.padding.top - _media.padding.bottom,
+            child: ConstrainedBox(
+              constraints: const BoxConstraints.expand(),
+              child: SingleChildScrollView(
+                padding: const EdgeInsets.all(18),
+                controller: _scrollControllerUpdate,
+                child: Text(apt.updateLog!),
+              ),
+            ),
+          );
+        }
+        return ListView(
+          padding: const EdgeInsets.all(13),
+          children: [
+            Padding(
+              padding: const EdgeInsets.all(17),
+              child: UrlText(
+                text:
+                    '${_s.experimentalFeature}\n${_s.reportBugsOnGithubIssue(issueUrl)}',
+                replace: 'Github Issue',
+                textAlign: TextAlign.center,
+              ),
+            ),
+            _buildUpdatePanel(apt)
+          ].map((e) => RoundRectCard(e)).toList(),
+        );
+      }),
+    );
+  }
+
+  Widget _buildUpdatePanel(PkgProvider apt) {
+    if (apt.upgradeable!.isEmpty) {
+      return ListTile(
+        title: Text(
+          _s.noUpdateAvailable,
+          textAlign: TextAlign.center,
+        ),
+        subtitle: const Text('>_<', textAlign: TextAlign.center),
+      );
+    }
+    return Column(
+      crossAxisAlignment: CrossAxisAlignment.start,
+      children: [
+        ExpansionTile(
+          title: Text(_s.foundNUpdate(apt.upgradeable!.length)),
+          subtitle: Text(
+            apt.upgradeable!.map((e) => e.package).join(', '),
+            maxLines: 1,
+            overflow: TextOverflow.ellipsis,
+            style: grey,
+          ),
+          children: apt.upgradeLog == null
+              ? [
+                  TextButton(
+                      child: Text(_s.updateAll),
+                      onPressed: () {
+                        apt.upgrade();
+                      }),
+                  SizedBox(
+                    height: _media.size.height * 0.73,
+                    child: ListView(
+                      controller: _scrollController,
+                      children: apt.upgradeable!
+                          .map((e) => _buildUpdateItem(e, apt))
+                          .toList(),
+                    ),
+                  )
+                ]
+              : [
+                  SizedBox(
+                    height: _media.size.height * 0.7,
+                    child: ConstrainedBox(
+                      constraints: const BoxConstraints.expand(),
+                      child: SingleChildScrollView(
+                        padding: const EdgeInsets.all(18),
+                        controller: _scrollController,
+                        child: Text(apt.upgradeLog!),
+                      ),
+                    ),
+                  )
+                ],
+        )
+      ],
+    );
+  }
+
+  Widget _buildUpdateItem(UpgradePkgInfo info, PkgProvider apt) {
+    return ListTile(
+      title: Text(info.package),
+      subtitle: Text(
+        '${info.nowVersion} -> ${info.newVersion}',
+        style: grey,
+      ),
+    );
+  }
+}

lib/view/page/private_key/edit.dart

@@ -2,6 +2,7 @@ import 'package:after_layout/after_layout.dart';
 import 'package:dartssh2/dartssh2.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:toolbox/core/utils.dart';
 import 'package:toolbox/data/model/server/private_key_info.dart';
 import 'package:toolbox/data/provider/private_key.dart';
@@ -10,6 +11,8 @@ import 'package:toolbox/generated/l10n.dart';
 import 'package:toolbox/locator.dart';
 import 'package:toolbox/view/widget/input_decoration.dart';
 
+const _format = 'text/plain';
+
 class PrivateKeyEditPage extends StatefulWidget {
   const PrivateKeyEditPage({Key? key, this.info}) : super(key: key);
 
@@ -21,82 +24,96 @@ class PrivateKeyEditPage extends StatefulWidget {
 
 class _PrivateKeyEditPageState extends State<PrivateKeyEditPage>
     with AfterLayoutMixin {
-  final nameController = TextEditingController();
-  final keyController = TextEditingController();
-  final pwdController = TextEditingController();
+  final _nameController = TextEditingController();
+  final _keyController = TextEditingController();
+  final _pwdController = TextEditingController();
+  final _nameNode = FocusNode();
+  final _keyNode = FocusNode();
+  final _pwdNode = FocusNode();
 
+  late FocusScopeNode _focusScope;
   late PrivateKeyProvider _provider;
-  late Widget loading;
-  late S s;
+  late S _s;
+
+  Widget _loading = const SizedBox();
 
   @override
   void initState() {
     super.initState();
     _provider = locator<PrivateKeyProvider>();
-    loading = const SizedBox();
+    _loading = const SizedBox();
   }
 
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    s = S.of(context);
+    _s = S.of(context);
+    _focusScope = FocusScope.of(context);
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(title: Text(s.edit, style: size18), actions: [
-        widget.info != null
-            ? IconButton(
-                tooltip: s.delete,
-                onPressed: () {
-                  _provider.delInfo(widget.info!);
-                  Navigator.of(context).pop();
-                },
-                icon: const Icon(Icons.delete))
-            : const SizedBox()
-      ]),
+      appBar: AppBar(
+        title: Text(_s.edit, style: textSize18),
+        actions: [
+          widget.info != null
+              ? IconButton(
+                  tooltip: _s.delete,
+                  onPressed: () {
+                    _provider.delInfo(widget.info!);
+                    Navigator.of(context).pop();
+                  },
+                  icon: const Icon(Icons.delete))
+              : const SizedBox()
+        ],
+      ),
       body: ListView(
         padding: const EdgeInsets.all(13),
         children: [
           TextField(
-            controller: nameController,
+            controller: _nameController,
             keyboardType: TextInputType.text,
-            decoration: buildDecoration(s.name, icon: Icons.info),
+            focusNode: _nameNode,
+            onSubmitted: (_) => _focusScope.requestFocus(_keyNode),
+            decoration: buildDecoration(_s.name, icon: Icons.info),
           ),
           TextField(
-            controller: keyController,
+            controller: _keyController,
             autocorrect: false,
             minLines: 3,
             maxLines: 10,
             keyboardType: TextInputType.text,
+            focusNode: _keyNode,
+            onSubmitted: (_) => _focusScope.requestFocus(_pwdNode),
             enableSuggestions: false,
-            decoration: buildDecoration(s.privateKey, icon: Icons.vpn_key),
+            decoration: buildDecoration(_s.privateKey, icon: Icons.vpn_key),
           ),
           TextField(
-            controller: pwdController,
+            controller: _pwdController,
             autocorrect: false,
             keyboardType: TextInputType.text,
+            focusNode: _pwdNode,
             obscureText: true,
-            decoration: buildDecoration(s.pwd, icon: Icons.password),
+            decoration: buildDecoration(_s.pwd, icon: Icons.password),
           ),
           SizedBox(height: MediaQuery.of(context).size.height * 0.1),
-          loading
+          _loading
         ],
       ),
       floatingActionButton: FloatingActionButton(
-        tooltip: s.save,
+        tooltip: _s.save,
         onPressed: () async {
-          final name = nameController.text;
-          final key = keyController.text;
-          final pwd = pwdController.text;
+          final name = _nameController.text;
+          final key = _keyController.text.trim();
+          final pwd = _pwdController.text;
           if (name.isEmpty || key.isEmpty) {
-            showSnackBar(context, Text(s.fieldMustNotEmpty));
+            showSnackBar(context, Text(_s.fieldMustNotEmpty));
             return;
           }
           FocusScope.of(context).unfocus();
           setState(() {
-            loading = const SizedBox(
+            _loading = const SizedBox(
               height: 50,
               child: Center(
                 child: CircularProgressIndicator(),
@@ -112,7 +129,7 @@ class _PrivateKeyEditPageState extends State<PrivateKeyEditPage>
             haveErr = true;
           } finally {
             setState(() {
-              loading = const SizedBox();
+              _loading = const SizedBox();
             });
           }
           if (haveErr) return;
@@ -129,11 +146,16 @@ class _PrivateKeyEditPageState extends State<PrivateKeyEditPage>
   }
 
   @override
-  void afterFirstLayout(BuildContext context) {
+  Future<void> afterFirstLayout(BuildContext context) async {
     if (widget.info != null) {
-      nameController.text = widget.info!.id;
-      keyController.text = widget.info!.privateKey;
-      pwdController.text = widget.info!.password;
+      _nameController.text = widget.info!.id;
+      _keyController.text = widget.info!.privateKey;
+      _pwdController.text = widget.info!.password;
+    } else {
+      final clipdata = ((await Clipboard.getData(_format))?.text ?? '').trim();
+      if (clipdata.startsWith('-----BEGIN') && clipdata.endsWith('-----')) {
+        _keyController.text = clipdata;
+      }
     }
   }
 }

lib/view/page/private_key/list.dart

@@ -2,7 +2,6 @@ import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:toolbox/core/route.dart';
 import 'package:toolbox/data/provider/private_key.dart';
-import 'package:toolbox/data/res/color.dart';
 import 'package:toolbox/data/res/font_style.dart';
 import 'package:toolbox/data/res/padding.dart';
 import 'package:toolbox/generated/l10n.dart';
@@ -17,20 +16,19 @@ class StoredPrivateKeysPage extends StatefulWidget {
 }
 
 class _PrivateKeyListState extends State<StoredPrivateKeysPage> {
-  final _textStyle = TextStyle(color: primaryColor);
-  late S s;
+  late S _s;
 
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    s = S.of(context);
+    _s = S.of(context);
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text(s.privateKey, style: size18),
+        title: Text(_s.privateKey, style: textSize18),
       ),
       body: Consumer<PrivateKeyProvider>(
         builder: (_, key, __) {
@@ -51,19 +49,19 @@ class _PrivateKeyListState extends State<StoredPrivateKeysPage> {
                             textAlign: TextAlign.center,
                           ),
                           TextButton(
-                              onPressed: () => AppRoute(
-                                      PrivateKeyEditPage(info: key.infos[idx]),
-                                      'private key edit page')
-                                  .go(context),
-                              child: Text(
-                                s.edit,
-                                style: _textStyle,
-                              ))
+                            onPressed: () => AppRoute(
+                                    PrivateKeyEditPage(info: key.infos[idx]),
+                                    'private key edit page')
+                                .go(context),
+                            child: Text(_s.edit),
+                          )
                         ],
                       ),
                     ));
                   })
-              : Center(child: Text(s.noSavedPrivateKey));
+              : Center(
+                  child: Text(_s.noSavedPrivateKey),
+                );
         },
       ),
       floatingActionButton: FloatingActionButton(

lib/view/page/server/detail.dart

@@ -1,20 +1,19 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:toolbox/core/extension/numx.dart';
+import 'package:toolbox/data/model/server/dist.dart';
 import 'package:toolbox/data/model/server/net_speed.dart';
 import 'package:toolbox/data/model/server/server.dart';
 import 'package:toolbox/data/model/server/server_status.dart';
 import 'package:toolbox/data/provider/server.dart';
 import 'package:toolbox/data/res/color.dart';
 import 'package:toolbox/data/res/font_style.dart';
-import 'package:toolbox/data/res/icon/linux_icons.dart';
 import 'package:toolbox/data/res/padding.dart';
+import 'package:toolbox/data/store/setting.dart';
 import 'package:toolbox/generated/l10n.dart';
+import 'package:toolbox/locator.dart';
 import 'package:toolbox/view/widget/round_rect_card.dart';
 
-const style11 = TextStyle(fontSize: 11);
-const style13 = TextStyle(fontSize: 13);
-
 class ServerDetailPage extends StatefulWidget {
   const ServerDetailPage(this.id, {Key? key}) : super(key: key);
 
@@ -27,49 +26,69 @@ class ServerDetailPage extends StatefulWidget {
 class _ServerDetailPageState extends State<ServerDetailPage>
     with SingleTickerProviderStateMixin {
   late MediaQueryData _media;
-  late S s;
+  late S _s;
+  late Color pColor;
+  bool _showDistLogo = true;
 
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
     _media = MediaQuery.of(context);
-    s = S.of(context);
+    _s = S.of(context);
+    _showDistLogo = locator<SettingStore>().showDistLogo.fetch()!;
+    pColor = primaryColor;
   }
 
   @override
   Widget build(BuildContext context) {
     return Consumer<ServerProvider>(builder: (_, provider, __) {
-      return _buildMainPage(provider.servers
-          .firstWhere((e) => '${e.info.ip}:${e.info.port}' == widget.id));
+      return _buildMainPage(
+        provider.servers.firstWhere(
+          (e) => '${e.info.ip}:${e.info.port}' == widget.id,
+        ),
+      );
     });
   }
 
   Widget _buildMainPage(ServerInfo si) {
     return Scaffold(
       appBar: AppBar(
-        title: Text(si.info.name, style: size18),
+        title: Text(si.info.name, style: textSize18),
       ),
       body: ListView(
         padding: const EdgeInsets.all(13),
         children: [
-          _buildLinuxIcon(si.status.sysVer),
-          SizedBox(height: _media.size.height * 0.03),
+          ...(_buildLinuxIcon(si.status.sysVer) ?? []),
           _buildUpTimeAndSys(si.status),
           _buildCPUView(si.status),
-          _buildDiskView(si.status),
           _buildMemView(si.status),
+          _buildDiskView(si.status),
           _buildNetView(si.status.netSpeed),
+          // avoid the hieght of navigation bar
           SizedBox(height: _media.padding.bottom),
         ],
       ),
     );
   }
 
-  Widget _buildLinuxIcon(String sysVer) {
-    final iconPath = linuxIcons.search(sysVer);
-    if (iconPath == null) return const SizedBox();
-    return SizedBox(
-        height: _media.size.height * 0.15, child: Image.asset(iconPath));
+  List<Widget>? _buildLinuxIcon(String sysVer) {
+    if (!_showDistLogo) return null;
+    final iconPath = sysVer.dist?.iconPath;
+    if (iconPath == null) return null;
+    return [
+      SizedBox(height: _media.size.height * 0.03),
+      ConstrainedBox(
+        constraints: BoxConstraints(
+          maxHeight: _media.size.height * 0.13,
+          maxWidth: _media.size.width * 0.6,
+        ),
+        child: Image.asset(
+          iconPath,
+          fit: BoxFit.contain,
+        ),
+      ),
+      SizedBox(height: _media.size.height * 0.03),
+    ];
   }
 
   Widget _buildCPUView(ServerStatus ss) {
@@ -77,7 +96,7 @@ class _ServerDetailPageState extends State<ServerDetailPage>
       Padding(
         padding: roundRectCardPadding,
         child: SizedBox(
-          height: 12 * ss.cpu2Status.coresCount + 67,
+          height: 12 * ss.cpu2Status.coresCount + 63,
           child: Column(children: [
             SizedBox(
               height: _media.size.height * 0.02,
@@ -87,24 +106,24 @@ class _ServerDetailPageState extends State<ServerDetailPage>
               children: [
                 Text(
                   '${ss.cpu2Status.usedPercent(coreIdx: 0).toInt()}%',
-                  style: const TextStyle(fontSize: 27),
+                  style: textSize27,
                   textScaleFactor: 1.0,
                 ),
                 Row(
                   children: [
-                    _buildCPUTimePercent(ss.cpu2Status.user, 'user'),
+                    _buildDetailPercent(ss.cpu2Status.user, 'user'),
                     SizedBox(
                       width: _media.size.width * 0.03,
                     ),
-                    _buildCPUTimePercent(ss.cpu2Status.sys, 'sys'),
+                    _buildDetailPercent(ss.cpu2Status.sys, 'sys'),
                     SizedBox(
                       width: _media.size.width * 0.03,
                     ),
-                    _buildCPUTimePercent(ss.cpu2Status.nice, 'nice'),
+                    _buildDetailPercent(ss.cpu2Status.iowait, 'io'),
                     SizedBox(
                       width: _media.size.width * 0.03,
                     ),
-                    _buildCPUTimePercent(ss.cpu2Status.idle, 'idle')
+                    _buildDetailPercent(ss.cpu2Status.idle, 'idle')
                   ],
                 )
               ],
@@ -116,7 +135,7 @@ class _ServerDetailPageState extends State<ServerDetailPage>
     );
   }
 
-  Widget _buildCPUTimePercent(double percent, String timeType) {
+  Widget _buildDetailPercent(double percent, String timeType) {
     return Column(
       mainAxisSize: MainAxisSize.min,
       mainAxisAlignment: MainAxisAlignment.center,
@@ -141,7 +160,7 @@ class _ServerDetailPageState extends State<ServerDetailPage>
       height: 12.0 * ss.cpu2Status.coresCount,
       child: ListView.builder(
         physics: const NeverScrollableScrollPhysics(),
-        padding: const EdgeInsets.symmetric(vertical: 17),
+        padding: const EdgeInsets.only(top: 13),
         itemBuilder: (ctx, idx) {
           if (idx == 0) return const SizedBox();
           return Padding(
@@ -155,7 +174,7 @@ class _ServerDetailPageState extends State<ServerDetailPage>
   }
 
   Widget _buildProgress(double percent) {
-    final pColor = primaryColor;
+    if (percent > 100) percent = 100;
     final percentWithinOne = percent / 100;
     return LinearProgressIndicator(
       value: percentWithinOne,
@@ -171,10 +190,10 @@ class _ServerDetailPageState extends State<ServerDetailPage>
       child: Row(
         mainAxisAlignment: MainAxisAlignment.spaceBetween,
         children: [
-          Text(ss.sysVer, style: style11, textScaleFactor: 1.0),
+          Text(ss.sysVer, style: textSize11, textScaleFactor: 1.0),
           Text(
             ss.uptime,
-            style: style11,
+            style: textSize11,
             textScaleFactor: 1.0,
           ),
         ],
@@ -183,14 +202,14 @@ class _ServerDetailPageState extends State<ServerDetailPage>
   }
 
   Widget _buildMemView(ServerStatus ss) {
-    final pColor = primaryColor;
-    final used = ss.memory.used / ss.memory.total;
-    final width = _media.size.width - 17 * 2 - 17 * 2;
-    const mb = 1024 * 1024;
+    final used = ss.memory.used / ss.memory.total * 100;
+    final free = ss.memory.free / ss.memory.total * 100;
+    final avail = ss.memory.avail / ss.memory.total * 100;
+
     return RoundRectCard(Padding(
       padding: roundRectCardPadding,
       child: SizedBox(
-        height: 47,
+        height: 70,
         child: Column(
           crossAxisAlignment: CrossAxisAlignment.center,
           mainAxisAlignment: MainAxisAlignment.center,
@@ -198,63 +217,35 @@ class _ServerDetailPageState extends State<ServerDetailPage>
             Row(
               mainAxisAlignment: MainAxisAlignment.spaceBetween,
               children: [
-                _buildMemExplain((ss.memory.used * mb).convertBytes, pColor),
-                _buildMemExplain(
-                    (ss.memory.cache * mb).convertBytes, pColor.withAlpha(77)),
-                _buildMemExplain(
-                    ((ss.memory.total - ss.memory.used) * mb).convertBytes,
-                    progressColor.resolve(context))
+                Row(
+                  children: [
+                    Text('${used.toStringAsFixed(0)}%', style: textSize27),
+                    const SizedBox(width: 7),
+                    Text('of ${(ss.memory.total * 1024).convertBytes}',
+                        style: textSize13Grey)
+                  ],
+                ),
+                Row(
+                  children: [
+                    _buildDetailPercent(free, 'free'),
+                    SizedBox(
+                      width: _media.size.width * 0.03,
+                    ),
+                    _buildDetailPercent(avail, 'avail'),
+                  ],
+                ),
               ],
             ),
             const SizedBox(
-              height: 7,
+              height: 11,
             ),
-            Row(
-              children: [
-                SizedBox(
-                    width: width * used,
-                    child: LinearProgressIndicator(
-                      value: 1,
-                      color: pColor,
-                    )),
-                SizedBox(
-                  width: width * (1 - used),
-                  child: LinearProgressIndicator(
-                    // memory.total == 1: failed to get mem, now mem = [emptyMemory] which is initial value.
-                    value: ss.memory.total == 1
-                        ? 0
-                        : ss.memory.cache / (ss.memory.total - ss.memory.used),
-                    backgroundColor: progressColor.resolve(context),
-                    color: pColor.withAlpha(77),
-                  ),
-                )
-              ],
-            )
+            _buildProgress(used)
           ],
         ),
       ),
     ));
   }
 
-  Widget _buildMemExplain(String value, Color color) {
-    return Row(
-      children: [
-        Container(
-          color: color,
-          height: 11,
-          width: 11,
-        ),
-        const SizedBox(width: 4),
-        Text(
-          value,
-          style: style11,
-          textScaleFactor: 1.0,
-          textAlign: TextAlign.center,
-        )
-      ],
-    );
-  }
-
   Widget _buildDiskView(ServerStatus ss) {
     final clone = ss.disk.toList();
     for (var item in ss.disk) {
@@ -279,10 +270,11 @@ class _ServerDetailPageState extends State<ServerDetailPage>
                     children: [
                       Text(
                         '${disk.usedPercent}% of ${disk.size}',
-                        style: style11,
+                        style: textSize11,
                         textScaleFactor: 1.0,
                       ),
-                      Text(disk.mountPath, style: style11, textScaleFactor: 1.0)
+                      Text(disk.mountPath,
+                          style: textSize11, textScaleFactor: 1.0)
                     ],
                   ),
                   _buildProgress(disk.usedPercent.toDouble())
@@ -303,7 +295,7 @@ class _ServerDetailPageState extends State<ServerDetailPage>
     if (ns.devices.isEmpty) {
       children.add(Center(
         child: Text(
-          s.noInterface,
+          _s.noInterface,
           style: const TextStyle(color: Colors.grey, fontSize: 13),
         ),
       ));
@@ -329,8 +321,8 @@ class _ServerDetailPageState extends State<ServerDetailPage>
             Icons.device_hub,
             size: 17,
           ),
+          Icon(Icons.arrow_downward, size: 17),
           Icon(Icons.arrow_upward, size: 17),
-          Icon(Icons.arrow_downward, size: 17)
         ],
       ),
     );
@@ -344,20 +336,21 @@ class _ServerDetailPageState extends State<ServerDetailPage>
         children: [
           SizedBox(
               width: _media.size.width / 4,
-              child: Text(device, style: style11, textScaleFactor: 1.0)),
+              child: Text(device, style: textSize11, textScaleFactor: 1.0)),
           SizedBox(
             width: _media.size.width / 4,
             child: Text(ns.speedIn(device: device),
-                style: style11,
+                style: textSize11,
                 textAlign: TextAlign.center,
                 textScaleFactor: 1.0),
           ),
           SizedBox(
-              width: _media.size.width / 4,
-              child: Text(ns.speedOut(device: device),
-                  style: style11,
-                  textAlign: TextAlign.right,
-                  textScaleFactor: 1.0))
+            width: _media.size.width / 4,
+            child: Text(ns.speedOut(device: device),
+                style: textSize11,
+                textAlign: TextAlign.right,
+                textScaleFactor: 1.0),
+          )
         ],
       ),
     );

lib/view/page/server/edit.dart

@@ -25,20 +25,22 @@ class ServerEditPage extends StatefulWidget {
 }
 
 class _ServerEditPageState extends State<ServerEditPage> with AfterLayoutMixin {
-  final nameController = TextEditingController();
-  final ipController = TextEditingController();
-  final portController = TextEditingController();
-  final usernameController = TextEditingController();
-  final passwordController = TextEditingController();
-  final keyController = TextEditingController();
+  final _nameController = TextEditingController();
+  final _ipController = TextEditingController();
+  final _portController = TextEditingController();
+  final _usernameController = TextEditingController();
+  final _passwordController = TextEditingController();
+  final _nameFocus = FocusNode();
+  final _ipFocus = FocusNode();
+  final _portFocus = FocusNode();
+  final _usernameFocus = FocusNode();
 
+  late FocusScopeNode _focusScope;
   late ServerProvider _serverProvider;
-
-  late S s;
+  late S _s;
 
   bool usePublicKey = false;
-
-  int _pubKeyIndex = -1;
+  int? _pubKeyIndex;
   PrivateKeyInfo? _keyInfo;
 
   @override
@@ -50,36 +52,47 @@ class _ServerEditPageState extends State<ServerEditPage> with AfterLayoutMixin {
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    s = S.of(context);
+    _s = S.of(context);
+    _focusScope = FocusScope.of(context);
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(title: Text(s.edit, style: size18), actions: [
-        widget.spi != null
-            ? IconButton(
-                onPressed: () {
-                  showRoundDialog(context, s.attention,
-                      Text(s.sureToDeleteServer(widget.spi!.name)), [
-                    TextButton(
-                        onPressed: () {
-                          _serverProvider.delServer(widget.spi!);
-                          Navigator.of(context).pop();
-                          Navigator.of(context).pop();
-                        },
-                        child: Text(
-                          s.ok,
-                          style: const TextStyle(color: Colors.red),
-                        )),
-                    TextButton(
-                        onPressed: () => Navigator.of(context).pop(),
-                        child: Text(s.cancel))
-                  ]);
-                },
-                icon: const Icon(Icons.delete))
-            : const SizedBox()
-      ]),
+      appBar: AppBar(
+        title: Text(_s.edit, style: textSize18),
+        actions: [
+          widget.spi != null
+              ? IconButton(
+                  onPressed: () {
+                    showRoundDialog(
+                      context,
+                      _s.attention,
+                      Text(_s.sureToDeleteServer(widget.spi!.name)),
+                      [
+                        TextButton(
+                          onPressed: () {
+                            _serverProvider.delServer(widget.spi!);
+                            Navigator.of(context).pop();
+                            Navigator.of(context).pop();
+                          },
+                          child: Text(
+                            _s.ok,
+                            style: const TextStyle(color: Colors.red),
+                          ),
+                        ),
+                        TextButton(
+                          onPressed: () => Navigator.of(context).pop(),
+                          child: Text(_s.cancel),
+                        )
+                      ],
+                    );
+                  },
+                  icon: const Icon(Icons.delete),
+                )
+              : const SizedBox()
+        ],
+      ),
       body: SingleChildScrollView(
         padding: const EdgeInsets.all(17),
         child: Column(
@@ -87,37 +100,44 @@ class _ServerEditPageState extends State<ServerEditPage> with AfterLayoutMixin {
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
             TextField(
-              controller: nameController,
+              controller: _nameController,
               keyboardType: TextInputType.text,
-              decoration: buildDecoration(s.name,
-                  icon: Icons.info, hint: s.exampleName),
+              focusNode: _nameFocus,
+              onSubmitted: (_) => _focusScope.requestFocus(_ipFocus),
+              decoration: buildDecoration(_s.name,
+                  icon: Icons.info, hint: _s.exampleName),
             ),
             TextField(
-              controller: ipController,
+              controller: _ipController,
               keyboardType: TextInputType.text,
+              onSubmitted: (_) => _focusScope.requestFocus(_portFocus),
+              focusNode: _ipFocus,
               autocorrect: false,
               enableSuggestions: false,
-              decoration: buildDecoration(s.host,
+              decoration: buildDecoration(_s.host,
                   icon: Icons.storage, hint: 'example.com'),
             ),
             TextField(
-              controller: portController,
+              controller: _portController,
               keyboardType: TextInputType.number,
-              decoration: buildDecoration(s.port,
+              focusNode: _portFocus,
+              onSubmitted: (_) => _focusScope.requestFocus(_usernameFocus),
+              decoration: buildDecoration(_s.port,
                   icon: Icons.format_list_numbered, hint: '22'),
             ),
             TextField(
-              controller: usernameController,
+              controller: _usernameController,
               keyboardType: TextInputType.text,
+              focusNode: _usernameFocus,
               autocorrect: false,
               enableSuggestions: false,
-              decoration: buildDecoration(s.user,
+              decoration: buildDecoration(_s.user,
                   icon: Icons.account_box, hint: 'root'),
             ),
             const SizedBox(height: 7),
             Row(
               children: [
-                Text(s.keyAuth),
+                Text(_s.keyAuth),
                 Switch(
                     value: usePublicKey,
                     onChanged: (val) => setState(() => usePublicKey = val)),
@@ -125,94 +145,110 @@ class _ServerEditPageState extends State<ServerEditPage> with AfterLayoutMixin {
             ),
             !usePublicKey
                 ? TextField(
-                    controller: passwordController,
+                    controller: _passwordController,
                     obscureText: true,
                     keyboardType: TextInputType.text,
-                    decoration: buildDecoration(s.pwd,
-                        icon: Icons.password, hint: s.pwd),
+                    decoration: buildDecoration(_s.pwd,
+                        icon: Icons.password, hint: _s.pwd),
                     onSubmitted: (_) => {},
                   )
                 : const SizedBox(),
             usePublicKey
-                ? Consumer<PrivateKeyProvider>(builder: (_, key, __) {
-                    for (var item in key.infos) {
-                      if (item.id == widget.spi?.pubKeyId) {
-                        _pubKeyIndex = key.infos.indexOf(item);
+                ? Consumer<PrivateKeyProvider>(
+                    builder: (_, key, __) {
+                      for (var item in key.infos) {
+                        if (item.id == widget.spi?.pubKeyId) {
+                          _pubKeyIndex ??= key.infos.indexOf(item);
+                        }
                       }
-                    }
-                    final tiles = key.infos
-                        .map(
-                          (e) => ListTile(
-                              contentPadding: EdgeInsets.zero,
-                              title: Text(e.id, textAlign: TextAlign.start),
-                              trailing: _buildRadio(key.infos.indexOf(e), e)),
-                        )
-                        .toList();
-                    tiles.add(ListTile(
-                      title: Text(s.addPrivateKey),
-                      contentPadding: EdgeInsets.zero,
-                      trailing: IconButton(
-                        icon: const Icon(Icons.add),
-                        onPressed: () => AppRoute(const PrivateKeyEditPage(),
-                                'private key edit page')
-                            .go(context),
-                      ),
-                    ));
-                    return ExpansionTile(
-                      textColor: primaryColor,
-                      iconColor: primaryColor,
-                      tilePadding: EdgeInsets.zero,
-                      childrenPadding: EdgeInsets.zero,
-                      title: Text(
-                        s.choosePrivateKey,
-                        style: const TextStyle(fontSize: 14),
-                      ),
-                      children: tiles,
-                    );
-                  })
+                      final tiles = key.infos
+                          .map(
+                            (e) => ListTile(
+                                contentPadding: EdgeInsets.zero,
+                                title: Text(e.id, textAlign: TextAlign.start),
+                                trailing: _buildRadio(key.infos.indexOf(e), e)),
+                          )
+                          .toList();
+                      tiles.add(
+                        ListTile(
+                          title: Text(_s.addPrivateKey),
+                          contentPadding: EdgeInsets.zero,
+                          trailing: IconButton(
+                            icon: const Icon(Icons.add),
+                            onPressed: () => AppRoute(
+                                    const PrivateKeyEditPage(),
+                                    'private key edit page')
+                                .go(context),
+                          ),
+                        ),
+                      );
+                      return ExpansionTile(
+                        textColor: primaryColor,
+                        iconColor: primaryColor,
+                        tilePadding: EdgeInsets.zero,
+                        childrenPadding: EdgeInsets.zero,
+                        title: Text(
+                          _s.choosePrivateKey,
+                          style: const TextStyle(fontSize: 14),
+                        ),
+                        children: tiles,
+                      );
+                    },
+                  )
                 : const SizedBox()
           ],
         ),
       ),
       floatingActionButton: FloatingActionButton(
         child: const Icon(Icons.send),
-        onPressed: () {
-          if (ipController.text == '') {
-            showSnackBar(context, Text(s.plzEnterHost));
+        onPressed: () async {
+          if (_ipController.text == '') {
+            showSnackBar(context, Text(_s.plzEnterHost));
             return;
           }
-          if (!usePublicKey && passwordController.text == '') {
-            showSnackBar(context, Text(s.plzEnterPwd));
-            return;
+          if (!usePublicKey && _passwordController.text == '') {
+            final cancel = await showRoundDialog<bool>(
+              context,
+              _s.attention,
+              Text(_s.sureNoPwd),
+              [
+                TextButton(
+                    onPressed: () => Navigator.of(context).pop(false),
+                    child: Text(_s.ok)),
+                TextButton(
+                    onPressed: () => Navigator.of(context).pop(true),
+                    child: Text(_s.cancel))
+              ],
+              barrierDismiss: false,
+            );
+            if (cancel ?? true) {
+              return;
+            }
           }
           if (usePublicKey && _pubKeyIndex == -1) {
-            showSnackBar(context, Text(s.plzSelectKey));
+            showSnackBar(context, Text(_s.plzSelectKey));
             return;
           }
-          if (usernameController.text == '') {
-            usernameController.text = 'root';
+          if (_usernameController.text == '') {
+            _usernameController.text = 'root';
           }
-          if (portController.text == '') {
-            portController.text = '22';
+          if (_portController.text == '') {
+            _portController.text = '22';
           }
 
           if (widget.spi != null && widget.spi!.pubKeyId != null) {
             _keyInfo ??= locator<PrivateKeyStore>().get(widget.spi!.pubKeyId!);
           }
 
-          final authorization = usePublicKey
-              ? {
-                  "privateKey": _keyInfo!.privateKey,
-                  "passphrase": _keyInfo!.password
-                }
-              : passwordController.text;
+          final authorization = _passwordController.text;
           final spi = ServerPrivateInfo(
-              name: nameController.text,
-              ip: ipController.text,
-              port: int.parse(portController.text),
-              user: usernameController.text,
-              authorization: authorization,
-              pubKeyId: usePublicKey ? _keyInfo!.id : null);
+            name: _nameController.text,
+            ip: _ipController.text,
+            port: int.parse(_portController.text),
+            user: _usernameController.text,
+            pwd: authorization,
+            pubKeyId: usePublicKey ? _keyInfo!.id : null,
+          );
 
           if (widget.spi == null) {
             _serverProvider.addServer(spi);
@@ -242,16 +278,13 @@ class _ServerEditPageState extends State<ServerEditPage> with AfterLayoutMixin {
   @override
   void afterFirstLayout(BuildContext context) {
     if (widget.spi != null) {
-      nameController.text = widget.spi?.name ?? '';
-      ipController.text = widget.spi?.ip ?? '';
-      portController.text = (widget.spi?.port ?? 22).toString();
-      usernameController.text = widget.spi?.user ?? '';
-      if (widget.spi?.authorization is String) {
-        passwordController.text = widget.spi?.authorization as String? ?? '';
+      _nameController.text = widget.spi?.name ?? '';
+      _ipController.text = widget.spi?.ip ?? '';
+      _portController.text = (widget.spi?.port ?? 22).toString();
+      _usernameController.text = widget.spi?.user ?? '';
+      if (widget.spi?.pubKeyId == null) {
+        _passwordController.text = widget.spi?.pwd ?? '';
       } else {
-        final auth = widget.spi?.authorization as Map;
-        passwordController.text = auth['passphrase'];
-        keyController.text = auth['privateKey'];
         usePublicKey = true;
       }
       setState(() {});

lib/view/page/server/tab.dart

@@ -1,30 +1,33 @@
 import 'package:after_layout/after_layout.dart';
 import 'package:circle_chart/circle_chart.dart';
-import 'package:dropdown_button2/dropdown_button2.dart';
 import 'package:flutter/material.dart';
 import 'package:get_it/get_it.dart';
-import 'package:marquee/marquee.dart';
 import 'package:provider/provider.dart';
-import 'package:pull_to_refresh/pull_to_refresh.dart';
 import 'package:toolbox/core/route.dart';
+import 'package:toolbox/core/utils.dart';
 import 'package:toolbox/data/model/app/menu_item.dart';
 import 'package:toolbox/data/model/server/server.dart';
-import 'package:toolbox/data/model/server/server_connection_state.dart';
 import 'package:toolbox/data/model/server/server_private_info.dart';
 import 'package:toolbox/data/model/server/server_status.dart';
 import 'package:toolbox/data/provider/server.dart';
+import 'package:toolbox/data/provider/snippet.dart';
 import 'package:toolbox/data/res/color.dart';
-import 'package:toolbox/data/store/setting.dart';
+import 'package:toolbox/data/res/font_style.dart';
+import 'package:toolbox/data/res/url.dart';
 import 'package:toolbox/generated/l10n.dart';
 import 'package:toolbox/locator.dart';
-import 'package:toolbox/view/page/apt.dart';
+import 'package:toolbox/view/page/pkg.dart';
 import 'package:toolbox/view/page/docker.dart';
 import 'package:toolbox/view/page/server/detail.dart';
 import 'package:toolbox/view/page/server/edit.dart';
 import 'package:toolbox/view/page/sftp/view.dart';
-import 'package:toolbox/view/page/snippet/list.dart';
+import 'package:toolbox/view/page/snippet/edit.dart';
+import 'package:toolbox/view/page/ssh.dart';
+import 'package:toolbox/view/widget/picker.dart';
 import 'package:toolbox/view/widget/round_rect_card.dart';
 
+import '../../widget/url_text.dart';
+
 class ServerPage extends StatefulWidget {
   const ServerPage({Key? key}) : super(key: key);
 
@@ -37,16 +40,13 @@ class _ServerPageState extends State<ServerPage>
   late MediaQueryData _media;
   late ThemeData _theme;
   late Color _primaryColor;
-  late RefreshController _refreshController;
-
   late ServerProvider _serverProvider;
-  late S s;
+  late S _s;
 
   @override
   void initState() {
     super.initState();
     _serverProvider = locator<ServerProvider>();
-    _refreshController = RefreshController();
   }
 
   @override
@@ -55,54 +55,45 @@ class _ServerPageState extends State<ServerPage>
     _media = MediaQuery.of(context);
     _theme = Theme.of(context);
     _primaryColor = primaryColor;
-    s = S.of(context);
+    _s = S.of(context);
   }
 
   @override
   Widget build(BuildContext context) {
     super.build(context);
-    final autoUpdate =
-        locator<SettingStore>().serverStatusUpdateInterval.fetch() != 0;
-    final child = Consumer<ServerProvider>(builder: (_, pro, __) {
-      if (pro.servers.isEmpty) {
-        return Center(
-          child: Text(
-            s.serverTabEmpty,
-            textAlign: TextAlign.center,
+    final child = Consumer<ServerProvider>(
+      builder: (_, pro, __) {
+        if (pro.servers.isEmpty) {
+          return Center(
+            child: Text(
+              _s.serverTabEmpty,
+              textAlign: TextAlign.center,
+            ),
+          );
+        }
+        return ListView.separated(
+          padding: const EdgeInsets.all(7),
+          controller: ScrollController(),
+          itemBuilder: (ctx, idx) {
+            if (idx == pro.servers.length) {
+              return SizedBox(height: _media.padding.bottom);
+            }
+            return _buildEachServerCard(pro.servers[idx]);
+          },
+          itemCount: pro.servers.length + 1,
+          separatorBuilder: (_, __) => const SizedBox(
+            height: 3,
           ),
         );
-      }
-      return ListView.separated(
-        padding: const EdgeInsets.all(7),
-        controller: ScrollController(),
-        itemBuilder: (ctx, idx) {
-          if (idx == pro.servers.length) {
-            return SizedBox(height: _media.padding.bottom);
-          }
-          return _buildEachServerCard(pro.servers[idx]);
-        },
-        itemCount: pro.servers.length + 1,
-        separatorBuilder: (_, __) => const SizedBox(
-          height: 3,
-        ),
-      );
-    });
+      },
+    );
     return Scaffold(
-      body: autoUpdate
-          ? child
-          : SmartRefresher(
-              controller: _refreshController,
-              child: child,
-              onRefresh: () async {
-                await _serverProvider.refreshData();
-                _refreshController.refreshCompleted();
-              },
-            ),
+      body: child,
       floatingActionButton: FloatingActionButton(
         onPressed: () =>
             AppRoute(const ServerEditPage(), 'Add server info page')
                 .go(context),
-        tooltip: s.addAServer,
+        tooltip: _s.addAServer,
         heroTag: 'server page fab',
         child: const Icon(Icons.add),
       ),
@@ -119,9 +110,10 @@ class _ServerPageState extends State<ServerPage>
                 'Edit server info page')
             .go(context),
         child: Padding(
-            padding: const EdgeInsets.all(13),
-            child: _buildRealServerCard(
-                si.status, si.info.name, si.connectionState, si.info)),
+          padding: const EdgeInsets.all(13),
+          child: _buildRealServerCard(
+              si.status, si.info.name, si.connectionState, si.info),
+        ),
         onTap: () => AppRoute(ServerDetailPage('${si.info.ip}:${si.info.port}'),
                 'server detail page')
             .go(context),
@@ -139,7 +131,7 @@ class _ServerPageState extends State<ServerPage>
     final hasError =
         cs == ServerConnectionState.failed && ss.failedInfo != null;
     final style = TextStyle(
-        color: _theme.textTheme.bodyText1!.color!.withAlpha(100), fontSize: 11);
+        color: _theme.textTheme.bodyLarge!.color!.withAlpha(100), fontSize: 11);
 
     return Column(
       crossAxisAlignment: CrossAxisAlignment.start,
@@ -167,20 +159,13 @@ class _ServerPageState extends State<ServerPage>
               Row(
                 children: [
                   hasError
-                      ? ConstrainedBox(
-                          constraints: BoxConstraints(
-                              maxWidth: _media.size.width * 0.57,
-                              maxHeight: 15),
-                          child: Marquee(
-                              accelerationDuration: const Duration(seconds: 3),
-                              accelerationCurve: Curves.linear,
-                              decelerationDuration: const Duration(seconds: 3),
-                              decelerationCurve: Curves.linear,
-                              text: topRightStr,
-                              textScaleFactor: 1.0,
-                              style: style),
-                        )
+                      ? GestureDetector(
+                          onTap: () => showRoundDialog(
+                              context, _s.error, Text(ss.failedInfo ?? ''), []),
+                          child: Text(_s.clickSee, style: style))
                       : Text(topRightStr, style: style, textScaleFactor: 1.0),
+                  const SizedBox(width: 9),
+                  _buildSSHBtn(spi),
                   _buildMoreBtn(spi),
                 ],
               )
@@ -215,73 +200,67 @@ class _ServerPageState extends State<ServerPage>
     );
   }
 
-  Widget _buildMoreBtn(ServerPrivateInfo spi) {
-    return DropdownButtonHideUnderline(
-      child: DropdownButton2(
-        customButton: const Padding(
-          padding: EdgeInsets.symmetric(horizontal: 5, vertical: 1.7),
-          child: Icon(
-            Icons.more_vert,
-            size: 17,
-          ),
-        ),
-        customItemsIndexes: [ServerTabMenuItems.firstItems.length],
-        customItemsHeight: 8,
-        items: [
-          ...ServerTabMenuItems.firstItems.map(
-            (item) => DropdownMenuItem<DropdownBtnItem>(
-              value: item,
-              child: item.build,
-            ),
-          ),
-          const DropdownMenuItem<Divider>(enabled: false, child: Divider()),
-          ...ServerTabMenuItems.secondItems.map(
-            (item) => DropdownMenuItem<DropdownBtnItem>(
-              value: item,
-              child: item.build,
-            ),
-          ),
-        ],
-        onChanged: (value) {
-          final item = value as DropdownBtnItem;
-          switch (item) {
-            case ServerTabMenuItems.apt:
-              AppRoute(AptManagePage(spi), 'apt manage page').go(context);
-              break;
-            case ServerTabMenuItems.sftp:
-              AppRoute(SFTPPage(spi), 'SFTP').go(context);
-              break;
-            case ServerTabMenuItems.snippet:
-              AppRoute(
-                      SnippetListPage(
-                        spi: spi,
-                      ),
-                      'snippet list')
-                  .go(context);
-              break;
-            case ServerTabMenuItems.edit:
-              AppRoute(
-                      ServerEditPage(
-                        spi: spi,
-                      ),
-                      'Edit server info page')
-                  .go(context);
-              break;
-            case ServerTabMenuItems.docker:
-              AppRoute(DockerManagePage(spi), 'Docker manage page').go(context);
-              break;
-          }
-        },
-        itemHeight: 37,
-        itemPadding: const EdgeInsets.only(left: 17, right: 17),
-        dropdownWidth: 160,
-        dropdownPadding: const EdgeInsets.symmetric(vertical: 7),
-        dropdownDecoration: BoxDecoration(
-          borderRadius: BorderRadius.circular(7),
-        ),
-        dropdownElevation: 8,
-        offset: const Offset(0, 8),
+  Widget _buildSSHBtn(ServerPrivateInfo spi) {
+    return GestureDetector(
+      child: const Icon(
+        Icons.terminal,
+        size: 21,
       ),
+      onTap: () => showRoundDialog(
+          context,
+          _s.attention,
+          UrlText(
+            text: _s.sshTip(issueUrl),
+            replace: 'Github Issue',
+          ),
+          [
+            TextButton(
+              onPressed: () {
+                Navigator.of(context).pop();
+                AppRoute(SSHPage(spi: spi), 'ssh page').go(context);
+              },
+              child: Text(_s.ok),
+            )
+          ]),
+    );
+  }
+
+  Widget _buildMoreBtn(ServerPrivateInfo spi) {
+    return buildPopuopMenu(
+      items: <PopupMenuEntry>[
+        ...ServerTabMenuItems.firstItems.map(
+          (item) => PopupMenuItem<DropdownBtnItem>(
+            value: item,
+            child: item.build,
+          ),
+        ),
+        const PopupMenuDivider(height: 1),
+        ...ServerTabMenuItems.secondItems.map(
+          (item) => PopupMenuItem<DropdownBtnItem>(
+            value: item,
+            child: item.build,
+          ),
+        ),
+      ],
+      onSelected: (value) {
+        switch (value as DropdownBtnItem) {
+          case ServerTabMenuItems.pkg:
+            AppRoute(PkgManagePage(spi), 'pkg manage').go(context);
+            break;
+          case ServerTabMenuItems.sftp:
+            AppRoute(SFTPPage(spi), 'SFTP').go(context);
+            break;
+          case ServerTabMenuItems.snippet:
+            _showSnippetDialog(spi.id);
+            break;
+          case ServerTabMenuItems.edit:
+            AppRoute(ServerEditPage(spi: spi), 'Edit server info').go(context);
+            break;
+          case ServerTabMenuItems.docker:
+            AppRoute(DockerManagePage(spi), 'Docker manage').go(context);
+            break;
+        }
+      },
     );
   }
 
@@ -301,11 +280,11 @@ class _ServerPageState extends State<ServerPage>
       String? failedInfo) {
     switch (cs) {
       case ServerConnectionState.disconnected:
-        return s.disconnected;
+        return _s.disconnected;
       case ServerConnectionState.connected:
         if (temp == '') {
           if (upTime == '') {
-            return s.serverTabLoading;
+            return _s.serverTabLoading;
           } else {
             return upTime;
           }
@@ -317,23 +296,23 @@ class _ServerPageState extends State<ServerPage>
           }
         }
       case ServerConnectionState.connecting:
-        return s.serverTabConnecting;
+        return _s.serverTabConnecting;
       case ServerConnectionState.failed:
         if (failedInfo == null) {
-          return s.serverTabFailed;
+          return _s.serverTabFailed;
         }
         if (failedInfo.contains('encypted')) {
-          return s.serverTabPlzSave;
+          return _s.serverTabPlzSave;
         }
         return failedInfo;
       default:
-        return s.serverTabUnkown;
+        return _s.serverTabUnkown;
     }
   }
 
   Widget _buildIOData(String up, String down) {
     final statusTextStyle = TextStyle(
-        fontSize: 9, color: _theme.textTheme.bodyText1!.color!.withAlpha(177));
+        fontSize: 9, color: _theme.textTheme.bodyLarge!.color!.withAlpha(177));
     return SizedBox(
       width: _media.size.width * 0.2,
       child: Column(
@@ -388,6 +367,57 @@ class _ServerPageState extends State<ServerPage>
     );
   }
 
+  void _showSnippetDialog(String id) {
+    final provider = locator<SnippetProvider>();
+    if (provider.snippets.isEmpty) {
+      showRoundDialog(
+        context,
+        _s.attention,
+        Text(_s.noSavedSnippet),
+        [
+          TextButton(
+            onPressed: () => Navigator.pop(context),
+            child: Text(_s.ok),
+          ),
+          TextButton(
+            onPressed: () =>
+                AppRoute(const SnippetEditPage(), 'edit snippet').go(context),
+            child: Text(_s.addOne),
+          )
+        ],
+      );
+      return;
+    }
+
+    var snippet = provider.snippets.first;
+    showRoundDialog(
+      context,
+      _s.choose,
+      buildPicker(provider.snippets.map((e) => Text(e.name)).toList(),
+          (idx) => snippet = provider.snippets[idx]),
+      [
+        TextButton(
+          onPressed: () async {
+            Navigator.of(context).pop();
+            final result =
+                await locator<ServerProvider>().runSnippet(id, snippet);
+            showRoundDialog(
+              context,
+              _s.result,
+              Text(result ?? _s.error, style: textSize13),
+              [
+                TextButton(
+                    onPressed: () => Navigator.of(context).pop(),
+                    child: Text(_s.ok))
+              ],
+            );
+          },
+          child: Text(_s.run),
+        )
+      ],
+    );
+  }
+
   @override
   bool get wantKeepAlive => true;
 

lib/view/page/setting.dart

@@ -23,16 +23,16 @@ class SettingPage extends StatefulWidget {
 }
 
 class _SettingPageState extends State<SettingPage> {
-  late SettingStore _store;
+  late final SettingStore _setting;
   late int _selectedColorValue;
   late int _launchPageIdx;
-  double _intervalValue = 0;
   late Color priColor;
-  static const textStyle = TextStyle(fontSize: 14);
   late final ServerProvider _serverProvider;
   late MediaQueryData _media;
   late ThemeData _theme;
-  late S s;
+  late S _s;
+
+  var _updateInterval = 5.0;
 
   @override
   void didChangeDependencies() {
@@ -40,23 +40,23 @@ class _SettingPageState extends State<SettingPage> {
     priColor = primaryColor;
     _media = MediaQuery.of(context);
     _theme = Theme.of(context);
-    s = S.of(context);
+    _s = S.of(context);
   }
 
   @override
   void initState() {
     super.initState();
     _serverProvider = locator<ServerProvider>();
-    _store = locator<SettingStore>();
-    _launchPageIdx = _store.launchPage.fetch()!;
-    _intervalValue = _store.serverStatusUpdateInterval.fetch()!.toDouble();
+    _setting = locator<SettingStore>();
+    _launchPageIdx = _setting.launchPage.fetch()!;
+    _updateInterval = _setting.serverStatusUpdateInterval.fetch()!.toDouble();
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text(s.setting, style: size18),
+        title: Text(_s.setting),
       ),
       body: ListView(
         padding: const EdgeInsets.all(17),
@@ -64,34 +64,52 @@ class _SettingPageState extends State<SettingPage> {
           _buildAppColorPreview(),
           _buildUpdateInterval(),
           _buildCheckUpdate(),
-          _buildLaunchPage()
+          _buildLaunchPage(),
+          _buildDistLogoSwitch(),
         ].map((e) => RoundRectCard(e)).toList(),
       ),
     );
   }
 
+  Widget _buildDistLogoSwitch() {
+    return ListTile(
+      title: Text(
+        _s.showDistLogo,
+        style: textSize13,
+      ),
+      subtitle: Text(
+        _s.onServerDetailPage,
+        style: textSize13Grey,
+      ),
+      trailing: buildSwitch(context, _setting.showDistLogo),
+    );
+  }
+
   Widget _buildCheckUpdate() {
-    return Consumer<AppProvider>(builder: (_, app, __) {
-      String display;
-      if (app.newestBuild != null) {
-        if (app.newestBuild! > BuildData.build) {
-          display = s.versionHaveUpdate(app.newestBuild!);
+    return Consumer<AppProvider>(
+      builder: (_, app, __) {
+        String display;
+        if (app.newestBuild != null) {
+          if (app.newestBuild! > BuildData.build) {
+            display = _s.versionHaveUpdate(app.newestBuild!);
+          } else {
+            display = _s.versionUpdated(BuildData.build);
+          }
         } else {
-          display = s.versionUpdated(BuildData.build);
+          display = _s.versionUnknownUpdate(BuildData.build);
         }
-      } else {
-        display = s.versionUnknownUpdate(BuildData.build);
-      }
-      return ListTile(
+        return ListTile(
           contentPadding: roundRectCardPadding,
           trailing: const Icon(Icons.keyboard_arrow_right),
           title: Text(
             display,
-            style: textStyle,
+            style: textSize13,
             textAlign: TextAlign.start,
           ),
-          onTap: () => doUpdate(context, force: true));
-    });
+          onTap: () => doUpdate(context, force: true),
+        );
+      },
+    );
   }
 
   Widget _buildUpdateInterval() {
@@ -100,40 +118,40 @@ class _SettingPageState extends State<SettingPage> {
       childrenPadding: roundRectCardPadding,
       textColor: priColor,
       title: Text(
-        s.updateServerStatusInterval,
-        style: textStyle,
+        _s.updateServerStatusInterval,
+        style: textSize13,
         textAlign: TextAlign.start,
       ),
       subtitle: Text(
-        s.willTakEeffectImmediately,
-        style: const TextStyle(color: Colors.grey, fontSize: 13),
+        _s.willTakEeffectImmediately,
+        style: textSize13Grey,
       ),
-      trailing: Text('${_intervalValue.toInt()} ${s.second}'),
+      trailing: Text('${_updateInterval.toInt()} ${_s.second}'),
       children: [
         Slider(
           thumbColor: priColor,
           activeColor: priColor.withOpacity(0.7),
           min: 0,
           max: 10,
-          value: _intervalValue,
+          value: _updateInterval,
           onChanged: (newValue) {
             setState(() {
-              _intervalValue = newValue;
+              _updateInterval = newValue;
             });
           },
           onChangeEnd: (val) {
-            _store.serverStatusUpdateInterval.put(val.toInt());
+            _setting.serverStatusUpdateInterval.put(val.toInt());
             _serverProvider.startAutoRefresh();
           },
-          label: '${_intervalValue.toInt()} ${s.second}',
+          label: '${_updateInterval.toInt()} ${_s.second}',
           divisions: 10,
         ),
         const SizedBox(
           height: 3,
         ),
-        _intervalValue == 0.0
+        _updateInterval == 0.0
             ? Text(
-                s.updateIntervalEqual0,
+                _s.updateIntervalEqual0,
                 style: const TextStyle(color: Colors.grey, fontSize: 12),
                 textAlign: TextAlign.center,
               )
@@ -147,24 +165,22 @@ class _SettingPageState extends State<SettingPage> {
 
   Widget _buildAppColorPreview() {
     return ExpansionTile(
-        textColor: priColor,
-        tilePadding: roundRectCardPadding,
-        childrenPadding: roundRectCardPadding,
-        trailing: ClipOval(
-          child: Container(
-            color: priColor,
-            height: 27,
-            width: 27,
-          ),
+      textColor: priColor,
+      tilePadding: roundRectCardPadding,
+      childrenPadding: roundRectCardPadding,
+      trailing: ClipOval(
+        child: Container(
+          color: priColor,
+          height: 27,
+          width: 27,
         ),
-        title: Text(
-          s.appPrimaryColor,
-          style: textStyle,
-        ),
-        children: [
-          _buildAppColorPicker(priColor),
-          _buildColorPickerConfirmBtn()
-        ]);
+      ),
+      title: Text(
+        _s.appPrimaryColor,
+        style: textSize13,
+      ),
+      children: [_buildAppColorPicker(priColor), _buildColorPickerConfirmBtn()],
+    );
   }
 
   Widget _buildAppColorPicker(Color selected) {
@@ -180,7 +196,7 @@ class _SettingPageState extends State<SettingPage> {
     return IconButton(
       icon: const Icon(Icons.save),
       onPressed: (() {
-        _store.primaryColor.put(_selectedColorValue);
+        _setting.primaryColor.put(_selectedColorValue);
         setState(() {});
       }),
     );
@@ -192,28 +208,30 @@ class _SettingPageState extends State<SettingPage> {
       tilePadding: roundRectCardPadding,
       childrenPadding: roundRectCardPadding,
       title: Text(
-        s.launchPage,
-        style: textStyle,
+        _s.launchPage,
+        style: textSize13,
       ),
       trailing: ConstrainedBox(
         constraints: BoxConstraints(maxWidth: _media.size.width * 0.35),
         child: Text(
           tabTitleName(context, _launchPageIdx),
-          style: textStyle,
+          style: textSize13,
           textAlign: TextAlign.right,
         ),
       ),
       children: tabs
-          .map((e) => ListTile(
-                contentPadding: EdgeInsets.zero,
-                title: Text(
-                  tabTitleName(context, tabs.indexOf(e)),
-                  style: TextStyle(
-                      fontSize: 14,
-                      color: _theme.textTheme.bodyText2!.color!.withAlpha(177)),
-                ),
-                trailing: _buildRadio(tabs.indexOf(e)),
-              ))
+          .map(
+            (e) => ListTile(
+              contentPadding: EdgeInsets.zero,
+              title: Text(
+                tabTitleName(context, tabs.indexOf(e)),
+                style: TextStyle(
+                    fontSize: 14,
+                    color: _theme.textTheme.bodyMedium!.color!.withAlpha(177)),
+              ),
+              trailing: _buildRadio(tabs.indexOf(e)),
+            ),
+          )
           .toList(),
     );
   }
@@ -225,7 +243,7 @@ class _SettingPageState extends State<SettingPage> {
       onChanged: (int? value) {
         setState(() {
           _launchPageIdx = value!;
-          _store.launchPage.put(value);
+          _setting.launchPage.put(value);
         });
       },
     );

lib/view/page/sftp/downloaded.dart

@@ -1,7 +1,6 @@
 import 'dart:io';
 
 import 'package:flutter/material.dart';
-import 'package:toolbox/core/extension/colorx.dart';
 import 'package:toolbox/core/extension/numx.dart';
 import 'package:toolbox/core/extension/stringx.dart';
 import 'package:toolbox/core/route.dart';
@@ -23,8 +22,7 @@ class SFTPDownloadedPage extends StatefulWidget {
 class _SFTPDownloadedPageState extends State<SFTPDownloadedPage> {
   PathWithPrefix? _path;
   String? _prefixPath;
-  late S s;
-  late ThemeData _theme;
+  late S _s;
 
   @override
   void initState() {
@@ -39,15 +37,14 @@ class _SFTPDownloadedPageState extends State<SFTPDownloadedPage> {
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    s = S.of(context);
-    _theme = Theme.of(context);
+    _s = S.of(context);
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text(s.download),
+        title: Text(_s.download),
         actions: [
           IconButton(
             icon: const Icon(Icons.downloading),
@@ -68,7 +65,7 @@ class _SFTPDownloadedPageState extends State<SFTPDownloadedPage> {
       floatingActionButton: FloatingActionButton(
         onPressed: (() {
           if (_path!.path == _prefixPath) {
-            showSnackBar(context, Text(s.alreadyLastDir));
+            showSnackBar(context, Text(_s.alreadyLastDir));
             return;
           }
           _path!.update('..');
@@ -80,18 +77,13 @@ class _SFTPDownloadedPageState extends State<SFTPDownloadedPage> {
   }
 
   Widget _buildPath() {
-    final color = _theme.scaffoldBackgroundColor;
     return Container(
-      color: color,
       padding: const EdgeInsets.fromLTRB(11, 7, 11, 11),
       child: Column(
         mainAxisSize: MainAxisSize.min,
         children: [
           const Divider(),
-          (_path?.path ?? s.loadingFiles).omitStartStr(
-            style: TextStyle(
-                color: color.isBrightColor ? Colors.black : Colors.white),
-          )
+          (_path?.path ?? _s.loadingFiles).omitStartStr(),
         ],
       ),
     );
@@ -141,44 +133,50 @@ class _SFTPDownloadedPageState extends State<SFTPDownloadedPage> {
   void showFileActionDialog(FileSystemEntity file) {
     final fileName = file.path.split('/').last;
     showRoundDialog(
-        context,
-        s.choose,
-        Column(
-          mainAxisSize: MainAxisSize.min,
-          children: [
-            ListTile(
-              leading: const Icon(Icons.delete),
-              title: Text(s.delete),
-              onTap: () {
-                Navigator.of(context).pop();
-                showRoundDialog(
-                    context, s.sureDelete(fileName), const SizedBox(), [
+      context,
+      _s.choose,
+      Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          ListTile(
+            leading: const Icon(Icons.delete),
+            title: Text(_s.delete),
+            onTap: () {
+              Navigator.of(context).pop();
+              showRoundDialog(
+                context,
+                _s.sureDelete(fileName),
+                const SizedBox(),
+                [
                   TextButton(
                       onPressed: () => Navigator.of(context).pop(),
-                      child: Text(s.cancel)),
+                      child: Text(_s.cancel)),
                   TextButton(
                     onPressed: () {
                       file.deleteSync();
                       setState(() {});
                       Navigator.of(context).pop();
                     },
-                    child: Text(s.ok),
+                    child: Text(_s.ok),
                   ),
-                ]);
-              },
-            ),
-            ListTile(
-                leading: const Icon(Icons.open_in_new),
-                title: Text(s.open),
-                onTap: () {
-                  shareFiles(context, [file.absolute.path]);
-                }),
-          ],
-        ),
-        [
-          TextButton(
-              onPressed: (() => Navigator.of(context).pop()),
-              child: Text(s.close))
-        ]);
+                ],
+              );
+            },
+          ),
+          ListTile(
+            leading: const Icon(Icons.open_in_new),
+            title: Text(_s.open),
+            onTap: () {
+              shareFiles(context, [file.absolute.path]);
+            },
+          ),
+        ],
+      ),
+      [
+        TextButton(
+            onPressed: (() => Navigator.of(context).pop()),
+            child: Text(_s.close))
+      ],
+    );
   }
 }

lib/view/page/sftp/downloading.dart

@@ -17,12 +17,12 @@ class SFTPDownloadingPage extends StatefulWidget {
 }
 
 class _SFTPDownloadingPageState extends State<SFTPDownloadingPage> {
-  late S s;
+  late S _s;
 
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    s = S.of(context);
+    _s = S.of(context);
   }
 
   @override
@@ -30,8 +30,8 @@ class _SFTPDownloadingPageState extends State<SFTPDownloadingPage> {
     return Scaffold(
       appBar: AppBar(
         title: Text(
-          s.download,
-          style: size18,
+          _s.download,
+          style: textSize18,
         ),
       ),
       body: _buildBody(),
@@ -42,7 +42,7 @@ class _SFTPDownloadingPageState extends State<SFTPDownloadingPage> {
     return Consumer<SftpDownloadProvider>(builder: (__, pro, _) {
       if (pro.status.isEmpty) {
         return Center(
-          child: Text(s.sftpNoDownloadTask),
+          child: Text(_s.sftpNoDownloadTask),
         );
       }
       return ListView.builder(
@@ -58,16 +58,18 @@ class _SFTPDownloadingPageState extends State<SFTPDownloadingPage> {
 
   Widget _wrapInCard(SftpDownloadStatus status, String? subtitle,
       {Widget? trailing}) {
-    return RoundRectCard(ListTile(
-      title: Text(status.fileName),
-      subtitle: subtitle == null
-          ? null
-          : Text(
-              subtitle,
-              style: grey,
-            ),
-      trailing: trailing,
-    ));
+    return RoundRectCard(
+      ListTile(
+        title: Text(status.fileName),
+        subtitle: subtitle == null
+            ? null
+            : Text(
+                subtitle,
+                style: grey,
+              ),
+        trailing: trailing,
+      ),
+    );
   }
 
   Widget _buildItem(SftpDownloadStatus status) {
@@ -77,28 +79,34 @@ class _SFTPDownloadingPageState extends State<SFTPDownloadingPage> {
     switch (status.status) {
       case SftpWorkerStatus.finished:
         final time = status.spentTime.toString();
-        return _wrapInCard(status,
-            '${s.downloadFinished} ${s.spentTime(time == 'null' ? s.unknown : (time.substring(0, time.length - 7)))}',
-            trailing: IconButton(
-                onPressed: () => shareFiles(context, [status.item.localPath]),
-                icon: const Icon(Icons.open_in_new)));
+        return _wrapInCard(
+          status,
+          '${_s.downloadFinished} ${_s.spentTime(time == 'null' ? _s.unknown : (time.substring(0, time.length - 7)))}',
+          trailing: IconButton(
+            onPressed: () => shareFiles(context, [status.item.localPath]),
+            icon: const Icon(Icons.open_in_new),
+          ),
+        );
       case SftpWorkerStatus.downloading:
         return _wrapInCard(
             status,
-            s.downloadStatus((status.progress ?? 0.0).toStringAsFixed(2),
+            _s.downloadStatus((status.progress ?? 0.0).toStringAsFixed(2),
                 (status.size ?? 0).convertBytes),
             trailing:
                 CircularProgressIndicator(value: (status.progress ?? 0) / 100));
       case SftpWorkerStatus.preparing:
-        return _wrapInCard(status, s.sftpDlPrepare, trailing: loadingIcon);
+        return _wrapInCard(status, _s.sftpDlPrepare, trailing: loadingIcon);
       case SftpWorkerStatus.sshConnectted:
-        return _wrapInCard(status, s.sftpSSHConnected, trailing: loadingIcon);
+        return _wrapInCard(status, _s.sftpSSHConnected, trailing: loadingIcon);
       default:
-        return _wrapInCard(status, s.unknown,
-            trailing: const Icon(
-              Icons.error,
-              size: 40,
-            ));
+        return _wrapInCard(
+          status,
+          _s.unknown,
+          trailing: const Icon(
+            Icons.error,
+            size: 40,
+          ),
+        );
     }
   }
 }

lib/view/page/sftp/view.dart

@@ -6,7 +6,7 @@ import 'package:toolbox/core/extension/numx.dart';
 import 'package:toolbox/core/extension/stringx.dart';
 import 'package:toolbox/core/route.dart';
 import 'package:toolbox/core/utils.dart';
-import 'package:toolbox/data/model/server/server_connection_state.dart';
+import 'package:toolbox/data/model/server/server.dart';
 import 'package:toolbox/data/model/server/server_private_info.dart';
 import 'package:toolbox/data/model/sftp/absolute_path.dart';
 import 'package:toolbox/data/model/sftp/download_worker.dart';
@@ -31,62 +31,131 @@ class SFTPPage extends StatefulWidget {
 
 class _SFTPPageState extends State<SFTPPage> {
   final SftpBrowserStatus _status = SftpBrowserStatus();
-
   final ScrollController _scrollController = ScrollController();
 
   late MediaQueryData _media;
-  late S s;
+  late S _s;
+
+  ServerInfo? _si;
+  SSHClient? _client;
 
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
     _media = MediaQuery.of(context);
-    s = S.of(context);
+    _s = S.of(context);
   }
 
   @override
   void initState() {
     super.initState();
-    _status.spi = widget.spi;
-    _status.selected = true;
+    final serverProvider = locator<ServerProvider>();
+    _si = serverProvider.servers.firstWhere((s) => s.info == widget.spi);
+    _client = _si?.client;
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-          centerTitle: true,
-          title: TwoLineText(up: 'SFTP', down: widget.spi.name),
-          actions: [
-            IconButton(
-              onPressed: (() => showRoundDialog(
-                      context,
-                      s.choose,
-                      Column(
-                        mainAxisSize: MainAxisSize.min,
-                        children: [
-                          ListTile(
-                              leading: const Icon(Icons.folder),
-                              title: Text(s.createFolder),
-                              onTap: () => mkdir(context)),
-                          ListTile(
-                              leading: const Icon(Icons.insert_drive_file),
-                              title: Text(s.createFile),
-                              onTap: () => newFile(context)),
-                        ],
-                      ),
-                      [
-                        TextButton(
-                            onPressed: () => Navigator.of(context).pop(),
-                            child: Text(s.close))
-                      ])),
-              icon: const Icon(Icons.add),
-            )
-          ]),
+        centerTitle: true,
+        title: TwoLineText(up: 'SFTP', down: widget.spi.name),
+        actions: [
+          IconButton(
+            onPressed: (() => showRoundDialog(
+                  context,
+                  _s.choose,
+                  Column(
+                    mainAxisSize: MainAxisSize.min,
+                    children: [
+                      ListTile(
+                          leading: const Icon(Icons.folder),
+                          title: Text(_s.createFolder),
+                          onTap: () => mkdir(context)),
+                      ListTile(
+                          leading: const Icon(Icons.insert_drive_file),
+                          title: Text(_s.createFile),
+                          onTap: () => newFile(context)),
+                    ],
+                  ),
+                  [
+                    TextButton(
+                        onPressed: () => Navigator.of(context).pop(),
+                        child: Text(_s.close))
+                  ],
+                )),
+            icon: const Icon(Icons.add),
+          )
+        ],
+      ),
       body: _buildFileView(),
+      bottomNavigationBar: _buildPath(),
     );
   }
 
+  Widget _buildPath() {
+    return SafeArea(
+        child: Container(
+      padding: const EdgeInsets.fromLTRB(11, 7, 11, 11),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          const Divider(),
+          (_status.path?.path ?? _s.loadingFiles).omitStartStr(),
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceAround,
+            children: [
+              IconButton(
+                padding: const EdgeInsets.all(0),
+                onPressed: () async {
+                  await backward();
+                },
+                icon: const Icon(Icons.arrow_back),
+              ),
+              IconButton(
+                padding: const EdgeInsets.all(0),
+                onPressed: () async {
+                  final p = await showRoundDialog<String?>(
+                    context,
+                    _s.goto,
+                    Column(
+                      mainAxisSize: MainAxisSize.min,
+                      children: [
+                        TextField(
+                          decoration: InputDecoration(
+                            labelText: _s.path,
+                            hintText: '/',
+                          ),
+                          onSubmitted: (value) =>
+                              Navigator.of(context).pop(value),
+                        ),
+                      ],
+                    ),
+                    [
+                      TextButton(
+                          onPressed: () => Navigator.of(context).pop(),
+                          child: Text(_s.cancel))
+                    ],
+                  );
+
+                  if (p != null) {
+                    if (p.isEmpty) {
+                      showSnackBar(context, Text(_s.fieldMustNotEmpty));
+                      return;
+                    }
+                    _status.path?.update(p);
+                    listDir(path: p);
+                  }
+                },
+                icon: const Icon(Icons.gps_fixed),
+              )
+            ],
+          )
+        ],
+      ),
+    ));
+  }
+
   Widget get centerCircleLoading => Center(
         child: Column(
           children: [
@@ -99,272 +168,333 @@ class _SFTPPageState extends State<SFTPPage> {
       );
 
   Widget _buildFileView() {
-    if (!_status.selected) {
-      return ListView(
-        children: [
-          _buildDestSelector(),
-        ],
-      );
+    if (_client == null ||
+        _si?.connectionState != ServerConnectionState.connected) {
+      return centerCircleLoading;
     }
-    final spi = _status.spi;
-    final si =
-        locator<ServerProvider>().servers.firstWhere((s) => s.info == spi);
-    final client = si.client;
-    if (client == null ||
-        si.connectionState != ServerConnectionState.connected) {
+
+    if (_status.isBusy) {
       return centerCircleLoading;
     }
 
     if (_status.files == null) {
       _status.path = AbsolutePath('/');
-      listDir(path: '/', client: client);
+      listDir(path: '/', client: _client);
       return centerCircleLoading;
     } else {
       return RefreshIndicator(
-          child: FadeIn(
-            key: Key(_status.spi!.name + _status.path!.path),
-            child: ListView.builder(
-              itemCount: _status.files!.length + 1,
-              controller: _scrollController,
-              itemBuilder: (context, index) {
-                if (index == 0) {
-                  return _buildDestSelector();
-                }
-                final file = _status.files![index - 1];
-                final isDir = file.attr.isDirectory;
-                return ListTile(
-                  leading: Icon(isDir ? Icons.folder : Icons.insert_drive_file),
-                  title: Text(file.filename),
-                  trailing: Text(
-                    DateTime.fromMillisecondsSinceEpoch(
-                            (file.attr.modifyTime ?? 0) * 1000)
-                        .toString()
-                        .replaceFirst('.000', ''),
-                    style: const TextStyle(color: Colors.grey),
-                  ),
-                  subtitle:
-                      isDir ? null : Text((file.attr.size ?? 0).convertBytes),
-                  onTap: () {
-                    if (isDir) {
-                      _status.path?.update(file.filename);
-                      listDir(path: _status.path?.path);
-                    } else {
-                      onItemPress(context, file, true);
-                    }
-                  },
-                  onLongPress: () => onItemPress(context, file, false),
-                );
-              },
-            ),
+        child: FadeIn(
+          key: Key(widget.spi.name + _status.path!.path),
+          child: ListView.builder(
+            itemCount: _status.files!.length,
+            controller: _scrollController,
+            itemBuilder: (context, index) {
+              final file = _status.files![index];
+              final isDir = file.attr.isDirectory;
+              return ListTile(
+                leading: Icon(isDir ? Icons.folder : Icons.insert_drive_file),
+                title: Text(file.filename),
+                trailing: Text(
+                  '${getTime(file.attr.modifyTime)}\n${getMode(file.attr.mode)}',
+                  style: const TextStyle(color: Colors.grey),
+                  textAlign: TextAlign.right,
+                ),
+                subtitle:
+                    isDir ? null : Text((file.attr.size ?? 0).convertBytes),
+                onTap: () {
+                  if (isDir) {
+                    _status.path?.update(file.filename);
+                    listDir(path: _status.path?.path);
+                  } else {
+                    onItemPress(context, file, true);
+                  }
+                },
+                onLongPress: () => onItemPress(context, file, false),
+              );
+            },
           ),
-          onRefresh: () => listDir(path: _status.path?.path));
+        ),
+        onRefresh: () => listDir(path: _status.path?.path),
+      );
     }
   }
 
+  String getTime(int? unixMill) {
+    return DateTime.fromMillisecondsSinceEpoch((unixMill ?? 0) * 1000)
+        .toString()
+        .replaceFirst('.000', '');
+  }
+
+  String getMode(SftpFileMode? mode) {
+    if (mode == null) {
+      return '---';
+    }
+
+    final user = getRoleMode(mode.userRead, mode.userWrite, mode.userExecute);
+    final group =
+        getRoleMode(mode.groupRead, mode.groupWrite, mode.groupExecute);
+    final other =
+        getRoleMode(mode.otherRead, mode.otherWrite, mode.otherExecute);
+
+    return '$user$group$other';
+  }
+
+  String getRoleMode(bool r, bool w, bool x) {
+    return '${r ? 'r' : '-'}${w ? 'w' : '-'}${x ? 'x' : '-'}';
+  }
+
   void onItemPress(BuildContext context, SftpName file, bool showDownload) {
     showRoundDialog(
-        context,
-        s.choose,
-        Column(
-          mainAxisSize: MainAxisSize.min,
-          children: [
-            ListTile(
-              leading: const Icon(Icons.delete),
-              title: Text(s.delete),
-              onTap: () => delete(context, file),
-            ),
-            ListTile(
-              leading: const Icon(Icons.edit),
-              title: Text(s.rename),
-              onTap: () => rename(context, file),
-            ),
-            showDownload
-                ? ListTile(
-                    leading: const Icon(Icons.download),
-                    title: Text(s.download),
-                    onTap: () => download(context, file),
-                  )
-                : const SizedBox()
-          ],
-        ),
-        [
-          TextButton(
-              onPressed: () => Navigator.of(context).pop(),
-              child: Text(s.cancel))
-        ]);
+      context,
+      _s.choose,
+      Column(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          ListTile(
+            leading: const Icon(Icons.delete),
+            title: Text(_s.delete),
+            onTap: () => delete(context, file),
+          ),
+          ListTile(
+            leading: const Icon(Icons.edit),
+            title: Text(_s.rename),
+            onTap: () => rename(context, file),
+          ),
+          showDownload
+              ? ListTile(
+                  leading: const Icon(Icons.download),
+                  title: Text(_s.download),
+                  onTap: () => download(context, file),
+                )
+              : const SizedBox()
+        ],
+      ),
+      [
+        TextButton(
+            onPressed: () => Navigator.of(context).pop(),
+            child: Text(_s.cancel))
+      ],
+    );
   }
 
   void download(BuildContext context, SftpName name) {
-    showRoundDialog(context, s.download,
-        Text('${s.dl2Local(name.filename)}\n${s.keepForeground}'), [
-      TextButton(
-          onPressed: () => Navigator.of(context).pop(), child: Text(s.cancel)),
-      TextButton(
+    showRoundDialog(
+      context,
+      _s.download,
+      Text('${_s.dl2Local(name.filename)}\n${_s.keepForeground}'),
+      [
+        TextButton(
+            onPressed: () => Navigator.of(context).pop(),
+            child: Text(_s.cancel)),
+        TextButton(
           onPressed: () async {
             Navigator.of(context).pop();
             final prePath = _status.path!.path;
             final remotePath =
                 prePath + (prePath.endsWith('/') ? '' : '/') + name.filename;
             final local = '${(await sftpDownloadDir).path}$remotePath';
-            final pubKeyId = _status.spi!.pubKeyId;
+            final pubKeyId = widget.spi.pubKeyId;
+
             locator<SftpDownloadProvider>().add(
-                DownloadItem(_status.spi!, remotePath, local),
-                key: pubKeyId == null
-                    ? null
-                    : locator<PrivateKeyStore>().get(pubKeyId).privateKey);
+              DownloadItem(
+                widget.spi,
+                remotePath,
+                local,
+              ),
+              key: pubKeyId == null
+                  ? null
+                  : locator<PrivateKeyStore>().get(pubKeyId).privateKey,
+            );
+
             Navigator.of(context).pop();
-            showRoundDialog(context, s.goSftpDlPage, const SizedBox(), [
-              TextButton(
+            showRoundDialog(
+              context,
+              _s.goSftpDlPage,
+              const SizedBox(),
+              [
+                TextButton(
                   onPressed: () => Navigator.of(context).pop(),
-                  child: Text(s.cancel)),
-              TextButton(
+                  child: Text(_s.cancel),
+                ),
+                TextButton(
                   onPressed: () {
                     Navigator.of(context).pop();
                     AppRoute(const SFTPDownloadingPage(), 'sftp downloading')
                         .go(context);
                   },
-                  child: Text(s.ok))
-            ]);
+                  child: Text(_s.ok),
+                )
+              ],
+            );
           },
-          child: Text(s.download))
-    ]);
+          child: Text(_s.download),
+        )
+      ],
+    );
   }
 
   void delete(BuildContext context, SftpName file) {
     Navigator.of(context).pop();
-    showRoundDialog(context, s.attention, Text(s.sureDelete(file.filename)), [
-      TextButton(
-          onPressed: () => Navigator.of(context).pop(),
-          child: const Text('Cancel')),
-      TextButton(
+    showRoundDialog(
+      context,
+      _s.attention,
+      Text(_s.sureDelete(file.filename)),
+      [
+        TextButton(
+            onPressed: () => Navigator.of(context).pop(),
+            child: const Text('Cancel')),
+        TextButton(
           onPressed: () {
             _status.client!.remove(file.filename);
             Navigator.of(context).pop();
             listDir();
           },
           child: Text(
-            s.delete,
+            _s.delete,
             style: const TextStyle(color: Colors.red),
-          )),
-    ]);
+          ),
+        ),
+      ],
+    );
   }
 
   void mkdir(BuildContext context) {
     Navigator.of(context).pop();
     final textController = TextEditingController();
     showRoundDialog(
-        context,
-        s.createFolder,
-        TextField(
-          controller: textController,
-          decoration: InputDecoration(
-            labelText: s.name,
+      context,
+      _s.createFolder,
+      TextField(
+        controller: textController,
+        decoration: InputDecoration(
+          labelText: _s.name,
+        ),
+      ),
+      [
+        TextButton(
+          onPressed: () => Navigator.of(context).pop(),
+          child: Text(_s.cancel),
+        ),
+        TextButton(
+          onPressed: () {
+            if (textController.text == '') {
+              showRoundDialog(
+                context,
+                _s.attention,
+                Text(_s.fieldMustNotEmpty),
+                [
+                  TextButton(
+                      onPressed: () => Navigator.of(context).pop(),
+                      child: Text(_s.ok)),
+                ],
+              );
+              return;
+            }
+            _status.client!
+                .mkdir('${_status.path!.path}/${textController.text}');
+            Navigator.of(context).pop();
+            listDir();
+          },
+          child: Text(
+            _s.ok,
+            style: const TextStyle(color: Colors.red),
           ),
         ),
-        [
-          TextButton(
-              onPressed: () => Navigator.of(context).pop(),
-              child: Text(s.cancel)),
-          TextButton(
-              onPressed: () {
-                if (textController.text == '') {
-                  showRoundDialog(
-                      context, s.attention, Text(s.fieldMustNotEmpty), [
-                    TextButton(
-                        onPressed: () => Navigator.of(context).pop(),
-                        child: Text(s.ok)),
-                  ]);
-                  return;
-                }
-                _status.client!
-                    .mkdir('${_status.path!.path}/${textController.text}');
-                Navigator.of(context).pop();
-                listDir();
-              },
-              child: Text(
-                s.ok,
-                style: const TextStyle(color: Colors.red),
-              )),
-        ]);
+      ],
+    );
   }
 
   void newFile(BuildContext context) {
     Navigator.of(context).pop();
     final textController = TextEditingController();
     showRoundDialog(
-        context,
-        s.createFile,
-        TextField(
-          controller: textController,
-          decoration: InputDecoration(
-            labelText: s.name,
+      context,
+      _s.createFile,
+      TextField(
+        controller: textController,
+        decoration: InputDecoration(
+          labelText: _s.name,
+        ),
+      ),
+      [
+        TextButton(
+          onPressed: () => Navigator.of(context).pop(),
+          child: Text(_s.cancel),
+        ),
+        TextButton(
+          onPressed: () async {
+            if (textController.text == '') {
+              showRoundDialog(
+                context,
+                _s.attention,
+                Text(_s.fieldMustNotEmpty),
+                [
+                  TextButton(
+                    onPressed: () => Navigator.of(context).pop(),
+                    child: Text(_s.ok),
+                  ),
+                ],
+              );
+              return;
+            }
+            (await _status.client!
+                    .open('${_status.path!.path}/${textController.text}'))
+                .writeBytes(Uint8List(0));
+            Navigator.of(context).pop();
+            listDir();
+          },
+          child: Text(
+            _s.ok,
+            style: const TextStyle(color: Colors.red),
           ),
         ),
-        [
-          TextButton(
-              onPressed: () => Navigator.of(context).pop(),
-              child: Text(s.cancel)),
-          TextButton(
-              onPressed: () async {
-                if (textController.text == '') {
-                  showRoundDialog(
-                      context, s.attention, Text(s.fieldMustNotEmpty), [
-                    TextButton(
-                        onPressed: () => Navigator.of(context).pop(),
-                        child: Text(s.ok)),
-                  ]);
-                  return;
-                }
-                (await _status.client!
-                        .open('${_status.path!.path}/${textController.text}'))
-                    .writeBytes(Uint8List(0));
-                Navigator.of(context).pop();
-                listDir();
-              },
-              child: Text(
-                s.ok,
-                style: const TextStyle(color: Colors.red),
-              )),
-        ]);
+      ],
+    );
   }
 
   void rename(BuildContext context, SftpName file) {
     Navigator.of(context).pop();
     final textController = TextEditingController();
     showRoundDialog(
-        context,
-        s.rename,
-        TextField(
-          controller: textController,
-          decoration: InputDecoration(
-            labelText: s.name,
+      context,
+      _s.rename,
+      TextField(
+        controller: textController,
+        decoration: InputDecoration(
+          labelText: _s.name,
+        ),
+      ),
+      [
+        TextButton(
+            onPressed: () => Navigator.of(context).pop(),
+            child: Text(_s.cancel)),
+        TextButton(
+          onPressed: () async {
+            if (textController.text == '') {
+              showRoundDialog(
+                context,
+                _s.attention,
+                Text(_s.fieldMustNotEmpty),
+                [
+                  TextButton(
+                    onPressed: () => Navigator.of(context).pop(),
+                    child: Text(_s.ok),
+                  ),
+                ],
+              );
+              return;
+            }
+            await _status.client!.rename(file.filename, textController.text);
+            Navigator.of(context).pop();
+            listDir();
+          },
+          child: Text(
+            _s.rename,
+            style: const TextStyle(color: Colors.red),
           ),
         ),
-        [
-          TextButton(
-              onPressed: () => Navigator.of(context).pop(),
-              child: Text(s.cancel)),
-          TextButton(
-              onPressed: () async {
-                if (textController.text == '') {
-                  showRoundDialog(
-                      context, s.attention, Text(s.fieldMustNotEmpty), [
-                    TextButton(
-                        onPressed: () => Navigator.of(context).pop(),
-                        child: Text(s.ok)),
-                  ]);
-                  return;
-                }
-                await _status.client!
-                    .rename(file.filename, textController.text);
-                Navigator.of(context).pop();
-                listDir();
-              },
-              child: Text(
-                s.rename,
-                style: const TextStyle(color: Colors.red),
-              )),
-        ]);
+      ],
+    );
   }
 
   Future<void> listDir({String? path, SSHClient? client}) async {
@@ -378,7 +508,7 @@ class _SFTPPageState extends State<SFTPPage> {
     }
     try {
       final fs =
-          await _status.client!.listdir(path ?? (_status.path?.path ?? '/'));
+          await _status.client!.listdir(path ?? _status.path?.path ?? '/');
       fs.sort((a, b) => a.filename.compareTo(b.filename));
       fs.removeAt(0);
       if (mounted) {
@@ -388,44 +518,24 @@ class _SFTPPageState extends State<SFTPPage> {
         });
       }
     } catch (e) {
-      await showRoundDialog(context, s.error, Text(e.toString()), [
-        TextButton(
-            onPressed: () => Navigator.of(context).pop(), child: Text(s.ok))
-      ]);
-      if (_status.path!.undo()) {
-        await listDir();
-      }
+      await showRoundDialog(
+        context,
+        _s.error,
+        Text(e.toString()),
+        [
+          TextButton(
+            onPressed: () => Navigator.of(context).pop(),
+            child: Text(_s.ok),
+          )
+        ],
+      );
+      await backward();
     }
   }
 
-  Widget _buildDestSelector() {
-    final str = _status.path?.path;
-    return ExpansionTile(
-        title: Text(_status.spi?.name ?? s.chooseDestination),
-        subtitle: _status.selected
-            ? str!.omitStartStr(style: const TextStyle(color: Colors.grey))
-            : null,
-        children: locator<ServerProvider>()
-            .servers
-            .map((e) => _buildDestSelectorItem(e.info))
-            .toList());
-  }
-
-  Widget _buildDestSelectorItem(ServerPrivateInfo spi) {
-    return ListTile(
-      title: Text(spi.name),
-      subtitle: Text('${spi.user}@${spi.ip}:${spi.port}'),
-      onTap: () {
-        _status.spi = spi;
-        _status.selected = true;
-        _status.path = AbsolutePath('/');
-        listDir(
-            client: locator<ServerProvider>()
-                .servers
-                .firstWhere((s) => s.info == spi)
-                .client,
-            path: '/');
-      },
-    );
+  Future<void> backward() async {
+    if (_status.path!.undo()) {
+      await listDir();
+    }
   }
 }

lib/view/page/snippet/edit.dart

@@ -19,11 +19,12 @@ class SnippetEditPage extends StatefulWidget {
 
 class _SnippetEditPageState extends State<SnippetEditPage>
     with AfterLayoutMixin {
-  final nameController = TextEditingController();
-  final scriptController = TextEditingController();
+  final _nameController = TextEditingController();
+  final _scriptController = TextEditingController();
+  final _scriptNode = FocusNode();
 
   late SnippetProvider _provider;
-  late S s;
+  late S _s;
 
   @override
   void initState() {
@@ -34,49 +35,55 @@ class _SnippetEditPageState extends State<SnippetEditPage>
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    s = S.of(context);
+    _s = S.of(context);
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(title: Text(s.edit, style: size18), actions: [
-        widget.snippet != null
-            ? IconButton(
-                onPressed: () {
-                  _provider.del(widget.snippet!);
-                  Navigator.of(context).pop();
-                },
-                tooltip: s.delete,
-                icon: const Icon(Icons.delete))
-            : const SizedBox()
-      ]),
+      appBar: AppBar(
+        title: Text(_s.edit, style: textSize18),
+        actions: [
+          widget.snippet != null
+              ? IconButton(
+                  onPressed: () {
+                    _provider.del(widget.snippet!);
+                    Navigator.of(context).pop();
+                  },
+                  tooltip: _s.delete,
+                  icon: const Icon(Icons.delete))
+              : const SizedBox()
+        ],
+      ),
       body: ListView(
         padding: const EdgeInsets.all(13),
         children: [
           TextField(
-            controller: nameController,
+            controller: _nameController,
             keyboardType: TextInputType.text,
-            decoration: buildDecoration(s.name, icon: Icons.info),
+            onSubmitted: (_) =>
+                FocusScope.of(context).requestFocus(_scriptNode),
+            decoration: buildDecoration(_s.name, icon: Icons.info),
           ),
           TextField(
-            controller: scriptController,
+            controller: _scriptController,
             autocorrect: false,
+            focusNode: _scriptNode,
             minLines: 3,
             maxLines: 10,
             keyboardType: TextInputType.text,
             enableSuggestions: false,
-            decoration: buildDecoration(s.snippet, icon: Icons.code),
+            decoration: buildDecoration(_s.snippet, icon: Icons.code),
           ),
         ],
       ),
       floatingActionButton: FloatingActionButton(
         child: const Icon(Icons.send),
         onPressed: () {
-          final name = nameController.text;
-          final script = scriptController.text;
+          final name = _nameController.text;
+          final script = _scriptController.text;
           if (name.isEmpty || script.isEmpty) {
-            showSnackBar(context, Text(s.fieldMustNotEmpty));
+            showSnackBar(context, Text(_s.fieldMustNotEmpty));
             return;
           }
           final snippet = Snippet(name, script);
@@ -94,8 +101,8 @@ class _SnippetEditPageState extends State<SnippetEditPage>
   @override
   void afterFirstLayout(BuildContext context) {
     if (widget.snippet != null) {
-      nameController.text = widget.snippet!.name;
-      scriptController.text = widget.snippet!.script;
+      _nameController.text = widget.snippet!.name;
+      _scriptController.text = widget.snippet!.script;
     }
   }
 }

lib/view/page/snippet/list.dart

@@ -1,55 +1,37 @@
-import 'package:dio/dio.dart';
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
 import 'package:toolbox/core/route.dart';
-import 'package:toolbox/core/utils.dart';
-import 'package:toolbox/data/model/server/server_private_info.dart';
-import 'package:toolbox/data/model/server/snippet.dart';
-import 'package:toolbox/data/provider/server.dart';
 import 'package:toolbox/data/provider/snippet.dart';
 import 'package:toolbox/data/res/color.dart';
 import 'package:toolbox/data/res/font_style.dart';
 import 'package:toolbox/data/res/padding.dart';
 import 'package:toolbox/generated/l10n.dart';
-import 'package:toolbox/locator.dart';
 import 'package:toolbox/view/page/snippet/edit.dart';
 import 'package:toolbox/view/widget/round_rect_card.dart';
 
 class SnippetListPage extends StatefulWidget {
-  const SnippetListPage({Key? key, this.spi}) : super(key: key);
-  final ServerPrivateInfo? spi;
+  const SnippetListPage({Key? key}) : super(key: key);
 
   @override
   _SnippetListPageState createState() => _SnippetListPageState();
 }
 
 class _SnippetListPageState extends State<SnippetListPage> {
-  late ServerPrivateInfo _selectedIndex;
-
-  final _importFieldController = TextEditingController();
-  final _exportFieldController = TextEditingController();
-
   final _textStyle = TextStyle(color: primaryColor);
 
-  late S s;
+  late S _s;
 
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    s = S.of(context);
+    _s = S.of(context);
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
       appBar: AppBar(
-        title: Text(s.snippet, style: size18),
-        actions: [
-          IconButton(
-              onPressed: () => _showImportExport(),
-              tooltip: s.importAndExport,
-              icon: const Icon(Icons.import_export)),
-        ],
+        title: Text(_s.snippet, style: textSize18),
       ),
       body: _buildBody(),
       floatingActionButton: FloatingActionButton(
@@ -60,207 +42,48 @@ class _SnippetListPageState extends State<SnippetListPage> {
     );
   }
 
-  Future<void> _showImportExport() async {
-    await showRoundDialog(
-        context,
-        s.choose,
-        Column(
-          mainAxisSize: MainAxisSize.min,
-          children: [
-            ListTile(
-              title: Text(s.import),
-              leading: const Icon(Icons.download),
-              onTap: () => _showImportDialog(),
-            ),
-            ListTile(
-              title: Text(s.export),
-              leading: const Icon(Icons.file_upload),
-              onTap: () => _showExportDialog(),
-            ),
-          ],
-        ),
-        []);
-  }
-
-  Future<void> _showExportDialog() async {
-    Navigator.of(context).pop();
-    _exportFieldController.text = locator<SnippetProvider>().export;
-    await showRoundDialog(
-        context,
-        s.export,
-        TextField(
-          decoration: const InputDecoration(
-            labelText: 'JSON',
-          ),
-          maxLines: 3,
-          controller: _exportFieldController,
-        ),
-        [
-          TextButton(
-            child: Text(s.ok),
-            onPressed: () => Navigator.pop(context),
-          ),
-        ]);
-  }
-
-  Future<void> _showImportDialog() async {
-    Navigator.of(context).pop();
-    await showRoundDialog(
-        context,
-        s.import,
-        TextField(
-          decoration: InputDecoration(
-            labelText: s.urlOrJson,
-          ),
-          maxLines: 2,
-          controller: _importFieldController,
-        ),
-        [
-          TextButton(
-              onPressed: () => Navigator.of(context).pop(),
-              child: Text(s.cancel)),
-          TextButton(
-            onPressed: () async =>
-                await _import(_importFieldController.text.trim()),
-            child: const Text('GO'),
-          )
-        ]);
-  }
-
-  Future<void> _import(String text) async {
-    if (text.isEmpty) {
-      showSnackBar(context, Text(s.fieldMustNotEmpty));
-      return;
-    }
-    final snippetProvider = locator<SnippetProvider>();
-    if (text.startsWith('http')) {
-      final resp = await Dio().get(text);
-      if (resp.statusCode != 200) {
-        showSnackBar(
-            context, Text(s.httpFailedWithCode(resp.statusCode ?? '-1')));
-        return;
-      }
-      for (final snippet in getSnippetList(resp.data)) {
-        snippetProvider.add(snippet);
-      }
-    } else {
-      for (final snippet in getSnippetList(text)) {
-        snippetProvider.add(snippet);
-      }
-    }
-    Navigator.of(context).pop();
-  }
-
   Widget _buildBody() {
     return Consumer<SnippetProvider>(
       builder: (_, key, __) {
-        return key.snippets.isNotEmpty
-            ? ListView.builder(
-                padding: const EdgeInsets.all(13),
-                itemCount: key.snippets.length,
-                itemExtent: 57,
-                itemBuilder: (context, idx) {
-                  return RoundRectCard(Padding(
-                    padding: roundRectCardPadding,
-                    child: Row(
-                      crossAxisAlignment: CrossAxisAlignment.center,
-                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                      children: [
-                        Text(
-                          key.snippets[idx].name,
-                          textAlign: TextAlign.center,
-                        ),
-                        Row(children: [
-                          TextButton(
-                              onPressed: () => AppRoute(
-                                      SnippetEditPage(
-                                          snippet: key.snippets[idx]),
-                                      'snippet edit page')
-                                  .go(context),
-                              child: Text(
-                                s.edit,
-                                style: _textStyle,
-                              )),
-                          TextButton(
-                              onPressed: () {
-                                final snippet = key.snippets[idx];
-                                if (widget.spi == null) {
-                                  _showRunDialog(snippet);
-                                  return;
-                                }
-                                run(context, snippet);
-                              },
-                              child: Text(
-                                s.run,
-                                style: _textStyle,
-                              ))
-                        ])
-                      ],
+        if (key.snippets.isEmpty) {
+          return Center(
+            child: Text(_s.noSavedSnippet),
+          );
+        }
+
+        return ListView.builder(
+          padding: const EdgeInsets.all(13),
+          itemCount: key.snippets.length,
+          itemExtent: 57,
+          itemBuilder: (context, idx) {
+            return RoundRectCard(
+              Padding(
+                padding: roundRectCardPadding,
+                child: Row(
+                  crossAxisAlignment: CrossAxisAlignment.center,
+                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
+                  children: [
+                    Text(
+                      key.snippets[idx].name,
+                      textAlign: TextAlign.center,
                     ),
-                  ));
-                })
-            : Center(child: Text(s.noSavedSnippet));
+                    TextButton(
+                      onPressed: () => AppRoute(
+                              SnippetEditPage(snippet: key.snippets[idx]),
+                              'snippet edit page')
+                          .go(context),
+                      child: Text(
+                        _s.edit,
+                        style: _textStyle,
+                      ),
+                    ),
+                  ],
+                ),
+              ),
+            );
+          },
+        );
       },
     );
   }
-
-  void _showRunDialog(Snippet snippet) {
-    showRoundDialog(context, s.chooseDestination,
-        Consumer<ServerProvider>(builder: (_, provider, __) {
-      if (provider.servers.isEmpty) {
-        return Text(s.noServerAvailable);
-      }
-      _selectedIndex = provider.servers.first.info;
-      return SizedBox(
-          height: 111,
-          child: Stack(children: [
-            Positioned(
-              top: 36,
-              bottom: 36,
-              left: 0,
-              right: 0,
-              child: Container(
-                height: 37,
-                decoration: const BoxDecoration(
-                  borderRadius: BorderRadius.all(Radius.circular(7)),
-                  color: Colors.black12,
-                ),
-              ),
-            ),
-            ListWheelScrollView.useDelegate(
-              itemExtent: 37,
-              diameterRatio: 1.2,
-              controller: FixedExtentScrollController(initialItem: 0),
-              onSelectedItemChanged: (idx) =>
-                  _selectedIndex = provider.servers[idx].info,
-              physics: const FixedExtentScrollPhysics(),
-              childDelegate: ListWheelChildBuilderDelegate(
-                  builder: (context, index) => Center(
-                        child: Text(
-                          provider.servers[index].info.name,
-                          textAlign: TextAlign.center,
-                        ),
-                      ),
-                  childCount: provider.servers.length),
-            )
-          ]));
-    }), [
-      TextButton(
-          onPressed: () async => run(context, snippet), child: Text(s.run)),
-      TextButton(
-          onPressed: () => Navigator.of(context).pop(), child: Text(s.cancel)),
-    ]);
-  }
-
-  Future<void> run(BuildContext context, Snippet snippet) async {
-    final result = await locator<ServerProvider>()
-        .runSnippet(widget.spi ?? _selectedIndex, snippet);
-    if (result != null) {
-      showRoundDialog(context, s.result,
-          Text(result, style: const TextStyle(fontSize: 13)), [
-        TextButton(
-            onPressed: () => Navigator.of(context).pop(), child: Text(s.close))
-      ]);
-    }
-  }
 }

lib/view/page/ssh.dart

@@ -0,0 +1,119 @@
+import 'dart:convert';
+
+import 'package:dartssh2/dartssh2.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:toolbox/data/res/font_style.dart';
+import 'package:xterm/xterm.dart';
+
+import '../../core/utils.dart';
+import '../../data/model/server/server_private_info.dart';
+import '../../data/provider/server.dart';
+import '../../data/res/terminal_theme.dart';
+import '../../locator.dart';
+import '../widget/virtual_keyboard.dart';
+
+class SSHPage extends StatefulWidget {
+  final ServerPrivateInfo spi;
+  const SSHPage({Key? key, required this.spi}) : super(key: key);
+
+  @override
+  _SSHPageState createState() => _SSHPageState();
+}
+
+class _SSHPageState extends State<SSHPage> {
+  late final terminal = Terminal(inputHandler: keyboard);
+  late final SSHSession session;
+  final keyboard = VirtualKeyboard(defaultInputHandler);
+
+  var title = '';
+  var isDark = false;
+
+  @override
+  void initState() {
+    super.initState();
+    initTerminal();
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    isDark = isDarkMode(context);
+  }
+
+  @override
+  void dispose() {
+    session.close();
+    super.dispose();
+  }
+
+  Future<void> initTerminal() async {
+    terminal.write('Connecting...\r\n');
+
+    final client = locator<ServerProvider>()
+        .servers
+        .where((e) => e.info.id == widget.spi.id)
+        .first
+        .client;
+    if (client == null) {
+      terminal.write('Failed to connect\r\n');
+      return;
+    }
+
+    terminal.write('Connected\r\n');
+
+    session = await client.shell(
+      pty: SSHPtyConfig(
+        width: terminal.viewWidth,
+        height: terminal.viewHeight,
+      ),
+    );
+
+    terminal.buffer.clear();
+    terminal.buffer.setCursor(0, 0);
+
+    terminal.onTitleChange = (title) {
+      setState(() => this.title = title);
+    };
+
+    terminal.onResize = (width, height, pixelWidth, pixelHeight) {
+      session.resizeTerminal(width, height, pixelWidth, pixelHeight);
+    };
+
+    terminal.onOutput = (data) {
+      session.write(utf8.encode(data) as Uint8List);
+    };
+
+    session.stdout
+        .cast<List<int>>()
+        .transform(const Utf8Decoder())
+        .listen(terminal.write);
+
+    session.stderr
+        .cast<List<int>>()
+        .transform(const Utf8Decoder())
+        .listen(terminal.write);
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text(title, style: textSize18),
+      ),
+      body: Column(
+        children: [
+          Expanded(
+            child: TerminalView(
+              terminal,
+              keyboardType: TextInputType.visiblePassword,
+              theme: isDark ? termDarkTheme : termLightTheme,
+              keyboardAppearance: isDark ? Brightness.dark : Brightness.light,
+            ),
+          ),
+          VirtualKeyboardView(keyboard),
+        ],
+      ),
+    );
+  }
+}

lib/view/widget/picker.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+
+Widget buildPicker(List<Widget> items, Function(int idx) onSelected) {
+  return SizedBox(
+    height: 111,
+    child: Stack(
+      children: [
+        Positioned(
+          top: 36,
+          bottom: 36,
+          left: 0,
+          right: 0,
+          child: Container(
+            height: 37,
+            decoration: const BoxDecoration(
+              borderRadius: BorderRadius.all(Radius.circular(7)),
+              color: Colors.black12,
+            ),
+          ),
+        ),
+        ListWheelScrollView.useDelegate(
+          itemExtent: 37,
+          diameterRatio: 1.2,
+          controller: FixedExtentScrollController(initialItem: 0),
+          onSelectedItemChanged: (idx) => onSelected(idx),
+          physics: const FixedExtentScrollPhysics(),
+          childDelegate: ListWheelChildBuilderDelegate(
+              builder: (context, index) => Center(
+                    child: items[index],
+                  ),
+              childCount: items.length),
+        )
+      ],
+    ),
+  );
+}